Question

我在我的网站上使用 jQuery 我想在课程以 line-rooms-sphere 开头时通过jQuery选择所有<hr>元素。 <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"]');

Answer 2

＆＃34; hr＆＃34;之间不应有空格。和＆＃34; [class ...]＆＃34;在选择器＆＃34; $（＆＃39; hr [class ^ =＆＃34; line-rooms-sphere＆＃34;]＆＃39;＆＃34;。检查此代码段。

＆＃13;

"image/jpg" MIME Type

＆＃13;