点击按钮后隐藏元素 [英] Hide elements after clicking a button

问题描述

使用jquery，当我点击从文档搜索时，我想隐藏所有 li code> aria-label ，其中包含 COMPANY 在vlaue中。这里是我的HTML：

 < ul class =ui-autocomplete ui-front ui-menu ui-widget ui-widget -contentid =ui-id-1tabindex =0style =display：none; top：30px; left：0px; width：236px;> 
 
从文件搜索»
< / li> 
< li class =search-category ui-menu-itemid =ui-id-112tabindex = -  1> 
公司
< / li> 
 
 
< / li> 
 
 
< / li> 
< li class =search-category ui-menu-itemid =ui-id-122tabindex = -  1> 
分行
< / li> 
 
 
< / li> 
< li aria-label =test3class =ui-menu-itemid =ui-id-128tabindex = -  1> 
 
< / li> 
< / ul> 
  

有什么建议？

解决方案 c 您可以使用 filter（）来隐藏所有具有 aria-label 包含 COMPANY 。试试这个：

  $（'＃ui-id-111'）。on（'click'，function（）{$过滤器（函数（）{
返回$（this）.attr（'aria-label'）。indexOf（'）' COMPANY'）！= -1; 
}）。hide（）; 
}）; 
  

Using jquery, when I click on Search from documents I want to hide all li elements which have an aria-label that contains COMPANY in the vlaue. here is my HTML:

<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content" id="ui-id-1" tabindex="0" style="display: none; top: 30px; left: 0px; width: 236px;">
    <li class="search-documents-btn ui-menu-item" aria-label=" Search from documents &amp;raquo;" id="ui-id-111" tabindex="-1">
        Search from documents »
    </li>
    <li class="search-category ui-menu-item" id="ui-id-112" tabindex="-1">
        Companies
    </li>
    <li aria-label="test" class="ui-menu-item" id="ui-id-113" tabindex="-1">

    </li>
    <li aria-label="test1" class="ui-menu-item" id="ui-id-114" tabindex="-1">

    </li>
    <li class="search-category ui-menu-item" id="ui-id-122" tabindex="-1">
        Branches
    </li>
    <li aria-label="test2" class="ui-menu-item" id="ui-id-127" tabindex="-1">

    </li>
    <li aria-label="test3" class="ui-menu-item" id="ui-id-128" tabindex="-1">

    </li>
</ul>

any suggestions?

解决方案

You can use filter() to hide all the elements that have an aria-label that contains COMPANY. Try this:

$('#ui-id-111').on('click', function() {
    $(this).closest('ul').find('li').filter(function() {
        return $(this).attr('aria-label').indexOf('COMPANY') != -1;
    }).hide();
});

这篇关于点击按钮后隐藏元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！