过滤表行并包含匹配结果的隐藏同级tr

时间:2019-03-21 18:39:03

标签: javascript jquery filter

我使用下面的代码搜索表,非常简单。但是,每个表格行在其下方都有一个隐藏的表格行,当单击父行(上方的行)时,该行显示更多信息。试图对此进行扩充,以便将隐藏行也包含在搜索结果中,以便在单击主行时显示隐藏行。到目前为止,它只能带来父级行,这是可以理解的。隐藏的行显然在视图之外切换。那些隐藏的行应该可以使用next()进行访问,因为那些隐藏的行将始终位于主表行的正下方。只是不确定如何访问它们。任何帮助将不胜感激。

$('#searchInput').on('keyup', function() {
  var value = $(this)
    .val()
    .toLowerCase();

  $('#leadTable tr').filter(function() {
    $(this).toggle(
      $(this)
        .text()
        .toLowerCase()
        .indexOf(value) > -1
    );
  });
});

0 个答案:

没有答案