Question

我有一张桌子，有一个使用手风琴折叠行的切换功能。我在javascript中有一个搜索功能，但是当你搜索文本并且文本不在隐藏的行中时，切换不起作用。除非有搜索文本，否则它不会显示隐藏的行。请帮忙！

我需要它来做这个，但javascript不是ajax ... http://www.cscc.edu/_resources/app-data/datatables/examples/api/row_details.html

我的表有两个隐藏的表，每个表都有一个标题，在其中...... 我可以识别可折叠行的tr。

因此，对于表中的每一行，当用户选择toggler时，有两个表会扩展。即使没有行，也会显示两个标题。

下面是搜索功能的javscript，我需要不搜索可折叠表

Service.UploadObject(Bucket, ExtractFileName(fileName), bytes, TRUE, nil, nil, amzbaPrivate, info);

HTML ...

<script type="text/javascript">
          $(document).ready(function () {
              $(".search").keyup(function () {
                  var searchTerm = $(".search").val();
                  var listItem = $('.results tbody').children('tr');
                  var searchSplit = searchTerm.replace(/ /g, "'):containsi('")

                  $.extend($.expr[':'], {
                      'containsi': function (elem, i, match, array) {
                          return (elem.textContent || elem.innerText || '').toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0;
                      }
                  });

                  $(".results tbody tr").not(":containsi('" + searchSplit + "')").each(function (e) {
                      $(this).attr('visible', 'false');
                  });

                  $(".results tbody tr:containsi('" + searchSplit + "')").each(function (e) {
                      $(this).attr('visible', 'true');
                  });

                  var jobCount = $('.results tbody tr[visible="true"]').length;
                  $('.counter').text(jobCount + ' item');

                  if (jobCount == '0') { $('.no-result').show(); }
                  else { $('.no-result').hide(); }


              });
          });
</script>

Javascript搜索表行但忽略对隐藏的可折叠手风琴行的搜索

0 个答案: