javascript - 按元素和类开头的 jquery 复杂选择器

Question

我在我的网站中使用 jQuery。
我想选择所有 <hr>当类以 line-rooms-sphere 开头时，通过 jQuery 处理元素。 <hr>元素有多个类。

这是我的 html:

<hr class="line-rooms-sphere-4 rooms-hidden"/>
// There are 5 hr like this one

这是我的 jquery 代码:

$('hr [class^="line-rooms-sphere"]') // => Not working, Why?
$('[class^="line-rooms-sphere"]')    // => This Works well

我想得到所有的<hr>具有所需类的元素(在本例中，以 line-rooms-sphere 开头)。

有什么帮助吗？谢谢

Answer 1

你的第一个例子:

$('hr [class^="line-rooms-sphere"]') // => Not working, Why?

不起作用，因为 hr 和属性选择器之间有空格。 jQuery 选择器引擎遵循 CSS 规则，因此空格意味着应该在第一个选定元素中查找第二个规则。

相反，您想要的属性位于 hr 本身，因此不需要空格:

$('hr[class^="line-rooms-sphere"]');