javascript - 为特定隐藏字段赋值 javascript/jquery

Question

美好的一天!

如何使用 JavaScript 或 jQuery 为行中的隐藏字段赋值？

这是我的js:

function removeRow(){

 $('input#deleteId').val("yes");
 $(this).closest('tr').hide();
 return false;

 };

但是上面的代码更改了我的表上具有deleteId类的所有隐藏字段，我的问题是如何更改我单击删除按钮的特定行的隐藏字段值？我的表结构是这样的:

<table>
<tr>
   <td>itemName</td>
   <td>itemPrice<input type="hidden" id="deleteId" /><td>
   <td><a href="#">remove</a></td>
<tr>
</table>

而且它是一个外部 js 文件。

非常感谢您抽出时间!

Answer 1

您可以在输入中使用id="deletedId"。但 id 对于页面来说应该是唯一的，因此在您的情况下使用类“标识符”可能更合适。

JsFiddle:http://jsfiddle.net/B9De7/

$(function(){
    $('a').on('click', function(){
        removeRow(this);
    });
});

function removeRow(anchorElementClicked){
     var row = $(anchorElementClicked).closest('tr');
     row.find('input.hidden-deleted-id').val("yes");
     row.hide();
     //no need to return false or stop eventPropagation
}

<table>
    <tr>
       <td>itemName</td>
       <td>itemPrice<input type="hidden" class="hidden-deleted-id" /><td>
       <td><a href="#">remove</a></td>
    <tr>
</table>