javascript - jQuery 无法从表中获取输入数据

Question

我想动态地从表中获取输入数据。它无法正常工作。你能帮我一下吗？

这是我的代码:

HTML:

    <table>
  <thead>
    <tr>
      <th>Name/Nr.</th>
      <th>Options</th>
    </tr>
  </thead>
  <tbody>
    <tr>
        <td><input value="50"/>
      </td>
      <td>
        <button>Click</button>
      </td>
    </tr>
    <tr>
      <td><input value="49"/></td>
      <td>
          <button>Click</button>
      </td>
    </tr>
  </tbody>
</table>

jQuery

    $("button").click(function () {
    var tableData = $(this).closest("tr").children("td").map(function() {
            return $(this).val();
        }).get();

        var asd = $.trim(tableData[0]);

        alert(asd);
});

非常感谢您的帮助。

Answer 1

您需要找到输入，从而更改您的选择器。还可以使用 .find()

使用

var tableData = $(this).closest("tr").find("td input").map(function() {
        return $(this).val();
    }).get();

DEMO