jQuery一行中元素的分类选择

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）弹出弹框，主要看选择器就行。

第一次写博客，如有不足，请多指教，请多见谅。