Question

下面是我的代码：

<script>
function myFunction() {
  var input, filter, table, tr, td, i;
  input = document.getElementById("myInput");
  filter = input.value.toUpperCase();
  table = document.getElementById("myTable");
  tr = table.getElementsByTagName("tr");
  for (i = 0; i < tr.length; i++) {
    td = tr[i].getElementsByTagName("td")[1];
    if (td) {
      if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
        tr[i].style.display = "";
      } else {
        tr[i].style.display = "none";
      }
    }       
  }
}
</script>

我要选择2行：

for (i = 0; i < tr.length; i++) {
  td = tr[i].getElementsByTagName("td")[1,2];

Answer 1

在您的特定示例中，您可以仅使用带有querySelectorAll的更复杂的CSS选择器来查询所需内容。

[].slice.call(document.querySelectorAll('#myInput td:nth-child(1), #myInput td:nth-child(2)'))

querySelectorAll返回一个nodeList，您需要将其转换为数组，因此[].slice.call

但是，如果您的问题是要首先了解现有数组的项目，请使用slice方法。

tds.slice(0,2)

JSFiddle在这里https://jsfiddle.net/stwilz/cLunop1v/7/

有没有办法选择多个数组？

1 个答案: