jquery - jquery中按钮的行的目标元素

Question

我在 JQuery 中动态创建了这个表：

我希望每一行中的“发送”按钮指向属于同一行的目标元素，例如“Reg. Key”val.、“assignee name”（如果输入了任何值）。我向“发送”按钮添加了一个类，并设法将每个“发送按钮”的 id 定位为“this”。如何定位同一行中的其他元素？

非常感谢。

jQuery代码：

for(var i = 0; i < count; i++) {

            $('#kg_table').append('<tr id = "row'+i+'">'+
                                    '<th>'+prs[i]+'</th>'+
                                    '<th><select id = "usrct'+i+'"name="userCat">'+
                                        '<option value="noo">Select Category</option>'+
                                        '<optgroup label="Medical Categories"></optgroup>'+ 
                                        '<option value="mds">Medical Student</option>'+
                                        '<option value="mdr">Medical Resident</option>'+
                                        '<option value="mdf">Medical Fellow</option>'+
                                        '<optgroup label="Dental Categories"></optgroup>'+
                                        '<option value="dts">Dental Student</option>'+
                                        '<option value="dtr">Dental Resident</option></select>'+
                                    '</th>'+
                                    '<th><input id = "asg'+i+'" type="text" ></th>'+
                                    '<th><input id = "eml'+i+'" type="text" ></input></th>'+
                                    '<th><button type="button" id = "bsnd'+i+'" class = "bsnd">Send</button></th>'+
                                    '<th><button type="button" id = "bprn'+i+'" class = "bprn">Print</button></th>'+
                                '</tr>');
            }

Answer 1

如果您的点击按钮处理程序就像

$('#kg_table').on('click', '.bsnd', function(){
    var $this = $(this), $tr = $this.closest('tr'), cat = $tr.find('select').val(), name = $tr.find('input:eq(0)').val(), email = $tr.find('input:eq(1)').val();

    //do something with the values
})

演示：小提琴