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

Question

今天第一次开发 用纯html table 来做用户数据的 修改 由于不能灵活运用 JQuery 选择器，造成无法取出想要的数据，故在此发个提问求帮助，样式见图

当鼠标点击 修改[假设用户已经选择了某个radio]的时候，如何取出用户选择行的值 (需要分离的值,别用siblings.text()全取出来放一个字符串 这样没用)

由于不能贴 html 代码，只能截图了

JQ 选出来 还需要填进去(这步)

Answer 1

假设修改按钮的 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);
});

Answer 2

1. 通过var row=$("input[radio]:checked").parents("tr");获取已选中的行

2. 通过var cell=row.children();获取对应的td，然后遍历通过text()或者内部具体的情况获取内容