jQuery从相邻TD获取输入名称数组键值

标题中很难解释，但一些代码说明了一切：

<tr class="">
  <td>
    <input value="9" name="set[122][order]"></input>
    <input class="set-id" type="hidden" value="1" name="set[122][ex_id]"></input>
  </td>
  <td>
    <input value="0.00" name="set[122][weight]"></input>
  </td>
  <td> … </td>
  <td>
    <img class="deleteRowButton" border="0" title="Toggle Delete Set" alt="Delete Set" src="mysite/images/icons/png/delete-3x.png"></img>
  </td>
</tr>

我有一些jQuery代码，当点击img（deleteRowButton）时就会激活：

$('.deleteRowButton').click (function() {
  $(this).parents("tr").toggleClass( "deleteSet" );
  var id = $('.set-id', $(this).closest('td')).val(); // this bit not working
  $('.editWoForm').append('<input type="hidden" name="deleteSet[]" value="' + id + '" />');
});

deleteRowButton代码基本上只是在表单的底部插入一个隐藏的输入标记，所以我可以处理这些标记来从数据库中删除条目。

但是，我需要做的是从set[]中获取值，因此在本例中为122。它可以来自任何输入，因为整个tr与一个条目相关。122是数据库id，所以这就是我需要获取的。

因此，理想情况下，当用户单击deleteRowButton时，它会生成并插入：

<input type="hidden" name="deleteSet[]" value="122" />

提前感谢！

解决方案

感谢@ArunPJohny的协助。

$('.deleteRowButton').click (function() {
  var $tr = $(this).parents("tr").toggleClass( "deleteSet" );
  var id = $tr.find('.set-id').attr('name').match(/'d+/)[0];
  if($tr.hasClass( "deleteSet" )){
    $('.editWoForm').append('<input type="hidden" name="deleteSet[]" value="' + id + '" />');
  }
  else{
    $('input[name="deleteSet[]"][value="' + id + '"]').remove();
  }
});

这将获得id，附加一个隐藏的输入字段，并将所述id作为值，然后如果再次按下按钮（切换删除状态），则隐藏的输入域将被删除。