jQuery一行中元素的分类选择
在做前端页面的时候遇到一次关于td标签一行中元素的分类选择,也就是我想让这一行中的几个元素绑定不同的事件。
以上是我想点击一行(不点delete和前面的checkbox)弹出弹框,点击delete弹出另一个弹框。
下面是具体代码
<tr class="clickfunction">
<td class="data-font checkbox1">
<input type="checkbox" name="checkbox" value="${userList.id}" />
</td>
<td class="data-font name">${userList.userName}</td>
<td class="data-font phone">${userList.phone}</td>
<td class="data-font ed"><fmt:formatDate value="${userList.hiredate}" pattern="dd/MM/yyyy"/></td>
<%-- <td class="data-font ed"><fmt:formatDate value="${userList.lastLoginTime}" pattern="dd/MM/yyyy"/></td> --%>
<td class="data-font group">${userList.roleEnName}
<input roleId="roleId" hidden="hidden" value="${userList.roleId}" />
</td>
<%-- <td class="data-font id">${userList.password}</td> --%>
<td class="data-font address">
<input class="btn-return" type="button" roleId="${userList.id}" value="Delete">
</td>
</tr>
上面是html页面的代码
$(".clickfunction > td:not(.checkbox):not(.address)").click(function(){
var id = $(this).parent().children().first().children("[name='checkbox']").val();
var phone = $(this).parent().find(".phone").html();
var roleId = $(this).parent().find(".group").find("[roleId='roleId']").val();
$('.zhezhao').css('display','block');
$('.popup-modify-auth-password').css('display','block');
$("#select-phone").html(phone);
$("#user-id").val(id);
$("#role-id option[value='"+roleId+"']").prop("selected",true);
})
上面是js代码,实现了点击一行(不点delete和前面的checkbox)弹出弹框,主要看选择器就行。
第一次写博客,如有不足,请多指教,请多见谅。