在JavaScript中通过ID引用特定的表(<tbody>)

Referencing specific tables (<tbody>) by ID in JavaScript

本文关键字:lt tbody gt JavaScript ID 引用      更新时间:2023-09-26

我有一个网站,上面有三个表,还有一个JavaScript搜索组件,允许用户搜索每个表。然而,由于JavaScript引用的是标签,而不是每个表的特定ID,这意味着当用户搜索时,它会搜索所有表。我如何用JavaScript写它必须引用X

这是我的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();
         }
     });
 });

提前感谢!:)

双向:

  • 在表中添加id并使用$("#myID")Jquery
  • 使用进行调用的DOM对象:<table onclick="f(this)">