Fatal编程技术网
  • javascript/
  • Javascript jQuery搜索表行，隐藏和可见

Javascript jQuery搜索表行，隐藏和可见

javascript jquery

Javascript jQuery搜索表行，隐藏和可见,javascript,jquery,Javascript,Jquery,我有一个表，可以显示消息历史记录。默认情况下，该表仅显示两人之间的最后一条消息。但是所有的消息都在HTMLcode中，只是设置了display:none 我试图让搜索通过可见和隐藏的tr行 我目前拥有的： HTML: 我有两个问题： 出于某种原因，第一个tr始终可见，即使它与搜索不匹配。尝试搜索有缺陷的css。您将看到第一个tr仍然存在 当我搜索某物时，然后清除搜索字段。第二个tr，默认设置为display:none可见。它必须以某种方式返回到显示：none状态 jsfiddle： 第一行的索引

我有一个表，可以显示消息历史记录。默认情况下，该表仅显示两人之间的最后一条消息。但是所有的消息都在
HTML
code中，只是设置了
display:none

我试图让搜索通过可见和隐藏的tr行

我目前拥有的：

HTML:

我有两个问题：


  • 出于某种原因，第一个
    tr
    始终可见，即使它与搜索不匹配。尝试搜索
    有缺陷的css
    。您将看到第一个
    tr
    仍然存在
    • 

  • 当我搜索某物时，然后清除搜索字段。第二个
    tr
    ，默认设置为
    display:none可见。它必须以某种方式返回到
    显示：none
    状态
    • 
jsfiddle：
    

    第一行的索引为零。所以它没有到达
    

            $(this).find("td").each(function () {

    
除去
    

     if (!index) return;

    
搜索过滤器将正常工作
    
更新您可以检查是否
    value=”“
    ，并写入逻辑以将行的显示恢复到原始状态
    
请检查更新的小提琴
    

    搜索所有
    tr
    s，但不会重新隐藏
    Aquincum cpp代码
    

            $(this).find("td").each(function () {

    

     if (!index) return;