数据表搜索框正确绑定到第一个表而不是第二个表

Question

我正面临这个奇怪的问题，我的数据表搜索框适用于第一个表而不适用于第二个表。 我出于某种原因使用这个功能，我相信它是因为这个？

 $(".dataTables_filter input")
          .unbind() // Unbind previous default bindings
          .bind("input", function (e) { // Bind our desired behavior

              if (this.value == "") {
                  table.search("").draw();
              } else {
                  table.search(this.value).draw();
              }
              return;
          });

Answer 1

这是因为您正在使用类名访问文本框。您应首先检查外部容器div，然后在其中找到文本框。像下面的东西。

<div id="containerDiv">
   ...
   Table Code Here
</div>

$("#containerDiv").find(.dataTables_filter input")
          .unbind() // Unbind previous default bindings
          .bind("input", function (e) { // Bind our desired behavior

              if (this.value == "") {
                  table.search("").draw();
              } else {
                  table.search(this.value).draw();
              }
              return;
          });