[asp.net-mvc]获取行的值,当单击该按钮内的特定行

发布时间: 2016/10/6 2:08:15
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我有一个数据表在单击按钮后将添加一个新行。在这一行我有一个按钮,通过单击待要单击的行值。 我已经尝试过这段代码,在那里它不火。

$(".add-beneficiary").click(function (e) {
    e.preventDefault();
    alert("Button Clicked");
});

此代码是为了在表中添加文本框中,单击添加行 (这完美的作品) 时

$('#addRow').on('click', function () {
    debugger;  
    ctr++;
    var _beneficiaryname = "_beneficiaryname" + ctr;
    var _beneficiarytype = "_beneficiarytype" + ctr;
    var _beneficiarypercent = "_beneficiarypercent" + ctr;
    var _addbtn = "_addbtn" + ctr;
    var newTr = '<tr><td><input type="text" class="nr" id=' + _beneficiaryname + ' /></td><td><select class="form-control relationshiptype"  id=' + _beneficiarytype + '>' + selectoption + '</select> </td><td><input type="text" id=' + _beneficiarypercent + ' /></td><td> <button type="submit" class="btn btn-primary add-beneficiary" id=' + _addbtn + ' >Add Beneficiary</button></td></tr>';
     //<td><div class=ibox-tools><a class=dropdown-toggle data-toggle=dropdown href=#><i class=fa fa-wrench></i></a><ul class=dropdown-menu dropdown-user><li><a href=# onclick=AddBeneficiaryFunction()>Add</a></li></ul></div></td>
     $('#jsontable').append(newTr);
 });

我不知道怎么去行值吗?

解决方法 1:

如果你只是需要 tr 的被单击的按钮的 html,请尝试以下方法︰

$('#jsontable').on('click', '.btn', function()
{
    alert($(this).closest('tr').html());

});

如果您需要点击的输入值︰

$('#jsontable').on('click', '.btn', function()
{
    alert($(this).closest('tr').find('.nr').val());

});

我希望你知道吗?你需要指定另外的生成按钮上单击操作和选择器按钮标识符必须是"stable(not generated)"的 DOM 元素。就像已经人说它被称为事件代表团。

http://jsfiddle.net/mhsxchf7/ -演示

赞助商