单击特定行内的按钮时获取行值

时间:2015-07-05 06:14:05

标签: javascript jquery asp.net-mvc html5 dom

我有一个数据表,我在单击按钮时添加一个新行。在那一行我有一个按钮,通过点击我需要获取点击的行值。 我试过这个代码,它不会发射。

<ion-slide-box auto-play="true">
    <ion-slide ng-repeat="i in vimages" style="height:200px;width100%;" on-slide-changed="slideHasChanged($index)">
        <div class="box">
            <img ng-src="{{myURL+i.img}}">
        </div>
    </ion-slide>
</ion-slide-box>

此代码用于在单击添加行时添加表格中的文本框(这完美无缺)

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

我不知道如何获取行值?

1 个答案:

答案 0 :(得分:2)

如果您只需要点击按钮的tr的html,请尝试以下操作:

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

});

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

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

});

我希望你明白了吗?对于生成的按钮,您需要在单击操作上另外指定按钮标识符,并且选择器必须是“稳定(未生成)”DOM元素。就像人们所说的那样,它被称为事件委托。

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