javascript - jQuery 目标 aria 属性包含值

Question

在 HTML 结构中:

<div class="someclass" tabindex="0" aria-describedby="my-specified-action my-one-name">
<div class="someclass" tabindex="1" aria-describedby="my-specified-action my-two-name">
<div class="someclass" tabindex="2" aria-describedby="my-specified-action my-three-name">
<div class="someclass" tabindex="3" aria-describedby="my-specified-action my-four-name">
<div class="someclass" tabindex="3" aria-describedby="my-specified-action my-five-name">

我需要隐藏所有具有包含我的值(例如 four )属性 aria-describedby 的元素，但保持所有其他元素不变。

jQuery('div[aria-describedby*="four"]').hide()

当然，如果我愿意的话:

jQuery('div:not([aria-describedby*="four"])').hide()

它将隐藏所有元素(也包括包含我的目标的元素..)

出于某种原因，这对我不起作用，..

jQuery('div:not([aria-describedby^="four"])').hide()

我做错了什么？？

Answer 1

你的问题不是属性选择器，而是目标元素选择器。

您隐藏了所有 aria-describedby 属性不包含 four 的 div 元素，相反您需要微调选择器以仅定位您想要的那些元素。在你的情况下，因为所有的 div 共享类 someclass 像使用它一样

jQuery('div.someclass:not([aria-describedby*="four"])').hide()

演示:Fiddle