jquery复杂选择器，按元素和类以开头

Question

我在我的网站中使用jQuery
当类以行房间球体开始时，我想通过jQuery选择所有<hr>元素。CCD_ 2元素具有多个类。

这是我的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

选择器"$（'hr[class^="line-roomsphere"]'"中的"hr"one_answers"[class…]"之间不应有空格。请检查此代码段。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <hr class="line-rooms-sphere-4 rooms-hidden"/>
    <hr class="line-rooms-sphere-4 rooms-hidden"/>
    <hr class="line-rooms-sphere-4 rooms-hidden"/>
    <script>
    $(document).ready(function(){
      
      $('hr[class^="line-rooms-sphere"]').css("border-width","8px");
      
     });
    </script>