关于jQuery .each或其他迭代

Question

如果具有这种结构，如何遍历表：

<table>
  <tr>
    <td><input class = "fire"> ... </td>
    <td><input class = "water"> ... </td>
  </tr>
  <tr>
    <td><input class = "fire"> ... </td>
    <td><input class = "water"> ... </td>
  </tr>
  <tr>
    <td><input class = "fire"> ... </td>
    <td><input class = "water"> ... </td>
  </tr>
</table>

我需要在每次迭代时都这样做：

iterating:
     $("fire").val(newValue1); 
     $("water").val(newValue2);

Answer 1

查询类名：

 $(".fire").val(newValue1); 
 $(".water").val(newValue2);

或者：

$("table input.fire").each(function (i) {
  $(this).val("input " + i);
});

$("table input.water").each(function (i) {
  $(this).val("input " + i);
});

Answer 2

为什么需要迭代？

$('tr').each( function(){
    $(this).find('input.fire').val(newValue1);
    $(this).find('input.water').val(newValue2);
});

Answer 3

如果您需要每次迭代都有自己的值，您可以这样做：

$("tr").each(function(i) {
    var newValue1 = "Some value"+i;
    var newValue2 = "Some other value"+i;
    $(this).find(".fire").val(newValue1);
    $(this).find(".water").val(newValue2);
});