Question

我正在尝试使用jQuery迭代我表中的每个输入字段。

<table border="1">
    <tbody><tr>
        <td><input value="0"><input value="1" type="hidden"></td>
        <td><input value="2"><input value="3" type="hidden"></td>
        <td><input value="4"><input value="5" type="hidden"></td>
        <td><input value="6"><input value="7" type="hidden"></td>
    </tr>
    <tr>
        <td><input value="7"><input value="8" type="hidden"></td>
        <td><input value="9"><input value="10" type="hidden"></td>
        <td><input value="11"><input value="12" type="hidden"></td>
        <td><input value="13"><input value="14" type="hidden"></td>
    </tr>

</tbody></table>
<button onclick="test()">Click me!</button>

Answer 1

使用 each() 来迭代dom元素

.each（）方法旨在使DOM循环结构简洁且不易出错。调用时，它会迭代属于jQuery对象的DOM元素。每次回调运行时，都会从0开始传递当前循环迭代。更重要的是，回调是在当前DOM元素的上下文中触发的，因此关键字this指的是元素。（摘自https://api.jquery.com/each/）

＆＃13;

function test() {
  $('table td input').each(function() {
    console.log(this.value,this.type);
  });
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table border="1">
  <tbody>
    <tr>
      <td>
        <input value="0">
        <input value="1" type="hidden">
      </td>
      <td>
        <input value="2">
        <input value="3" type="hidden">
      </td>
      <td>
        <input value="4">
        <input value="5" type="hidden">
      </td>
      <td>
        <input value="6">
        <input value="7" type="hidden">
      </td>
    </tr>
    <tr>
      <td>
        <input value="7">
        <input value="8" type="hidden">
      </td>
      <td>
        <input value="9">
        <input value="10" type="hidden">
      </td>
      <td>
        <input value="11">
        <input value="12" type="hidden">
      </td>
      <td>
        <input value="13">
        <input value="14" type="hidden">
      </td>
    </tr>

  </tbody>
</table>
<button onclick="test()">Click me!</button>

＆＃13;

迭代td中的每个输入字段

1 个答案: