按属性值和文本包含隐藏元素

hide element by attribute value and text contain

本文关键字：包含 隐藏 元素 文本 属性      更新时间：2023-09-26

当我单击按钮时，我想隐藏以Val为文本或属性值的元素。基本上，我想要的是在点击搜索文档按钮后，我向服务器发送新的请求，并且我想隐藏包含branch或company 的每个元素

<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content">
    <li class="search-documents-btn ui-menu-item">
        Search from documents »
    </li>
    <li class="search-category ui-menu-item" id="ui-id-112" tabindex="-1">
        Companies
    </li>
    <li aria-label="COMPANY : AUTO EDIBUYER" class="ui-menu-item" id="ui-id-113" tabindex="-1">
        AUTO EDIBUYER
    </li>
    <li aria-label="COMPANY : AUTO EDISUPPLIER" class="ui-menu-item" id="ui-id-114" tabindex="-1">
        AUTO EDISUPPLIER
    </li>
    <li class="search-category ui-menu-item" id="ui-id-122" tabindex="-1">
        Branches
    </li>
    <li aria-label="BRANCH : AUTO WEBSUPPLIER 4DOC" class="ui-menu-item" id="ui-id-127" tabindex="-1">
        AUTO WEBSUPPLIER 4DOC
    </li>
    <li aria-label="BRANCH : AutoTest" class="ui-menu-item" id="ui-id-128" tabindex="-1">
        AutoTest
    </li>
</ul>

您需要使用属性包含

$( "li[aria-label*='COMPANY']" ).hide();
$( "li:contains('Branches')" ).hide();
$( "li:contains('Companies')" ).hide();

这是一个小提琴

相关文章：