jquery複雜選擇器按元素和類開始

Question

我在我的網站使用jQuery。
我想通過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

應該有「小時」之間並沒有空間「[班...]」中選擇「 $（ 'hr的類^ = 「行間球」]'」。檢查這個片段。

<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>