javascript - 一个关于 JQuery选择器的问题？

Question

今天第一次开发 用纯html table 来做用户数据的 修改 由于不能灵活运用 JQuery 选择器，造成无法取出想要的数据，故在此发个提问求帮助，样式见图 当鼠标点击 修改[假设用户已经选择了某个radio]的时候，如何取出...

伊谢尔伦 · Answer

假设修改按钮的 id 是 btnmodify，那获取值的代码如下：

$("#btnmodify").click(function(){
    // 获取值
    var row = $("input[type=radio]:checked").parents("tr");
    var userid, loginname, nickname, email, mobile, roleid, isactive, islock;
    row.find("td").each(function(index){
        if(index==1){
            loginname = $(this).text();
        }else if(index==2){
            nickname = $(this).text();
        }else if(index==3){
            email = $(this).text();
        }else if(index==4){
            mobile = $(this).text();
        }else if(index==5){
            roleid = parseInt($.trim($(this).text()), 10);
        }else if(index==6){
            isactive = $(this).find("input").prop("checked");
        }else if(index==7){
            islock = $(this).find("input").prop("checked");
        }else if(index==8){
            userid = parseInt($.trim($(this).text()), 10);
        }
    });
    // 填值就很简单了，下面这个对象的ID自行修改
    $("#loginname").val(loginname);
    $("#nickname").val(nickname);
    $("#roleid").val(roleid);
    $("#useractive").prop("checked", isactive);
    $("#userlock").prop("checked", islock);
});

PHPz · Answer

通过var row=$("input[radio]:checked").parents("tr");获取已选中的行
通过var cell=row.children();获取对应的td，然后遍历通过text()或者内部具体的情况获取内容