jquery - 在 HTML 表格内单击获取按钮值

Question

我在 C# MVC 3 中创建了一个网格，并在网格的每一行中放置了一个删除按钮。

请看我下面的图片。

删除按钮代码。

<td>
 <button id="removefromcart" type="button" name="removefromcart" 
          class="remove-cartitem" value="@(item.Id)"> </button></td>

脚本 ：

<script type="text/javascript">
$(document).ready(function () {

    $('[name="removefromcart"]').click(function () {
        alert('clicked');
    });

})

我尝试提醒单击按钮的值。

请帮忙

Answer 1

尝试这个：

$('.remove-cartitem').click(function () {
    alert($(this).attr('value'));
});

Answer 2

class attributedom元素的使用

<script type="text/javascript">
$(document).ready(function () {

$('.remove-cartitem').click(function () {
    alert($(this).val());
});

});
</script>

Answer 3

 $('[name="removefromcart"]').click(function () {
        alert($(this).val());
 });

Answer 4

你的按钮有一个 id，我想使用这个 ID 来获取 jquery 中的元素会更好。

此外，click() 函数已被弃用，您应该使用 on('click')，它允许您使用 off('click') 取消绑定事件。

$('#removefromcart').on('click', function() {
    alert( $(this).val() );
});

最好的方法是不使用 jQuery

document.getElementById('removefromcart').addEventListener('click', function() {
    alert( this.attributes.value.nodeValue );
});

希望这可以帮助 ：）

Answer 5

只需获取 DOM 元素的值：

$('[name="removefromcart"]').click(function () {
    alert(this.value);
});

---

编辑 ：

this.value等价于$(this).val()或$(this).attr('value')但最快，因为我们只操作 DOM 属性（而不是 jQuery 对象）...

参见例如：jsPerf