jQuery來選擇包含XYZ

Question

我想申請的CSS具有包含xyz類的父元素元素，

jQuery的選擇了一個名爲xyz類和應用CSS是：

$(document).ready(function(){ 
$(".xyz").parent().css({"background-color": "yellow"}); 
}); 

但我想這適用於具有一類wxyz，其中包含xyz例如

<select class="wxyz""> 
<option>Sample</option> 
</select> 

上面只是一個例子，我明顯也可以在查詢函數中指定wxyz。

我需要這個功能的原因是因爲我有一個php腳本，可以生成150個選擇框，每個元素名稱都是唯一的，用於識別有關預訂的詳細信息。所以名稱包括o [1 | 0] fs [1 | 0] fe [1 | 0] .....我想申請不同的css如果名稱包含f1，fs1，fe1

Answer 1

您可以使用$("[class*=xyz]")匹配類中的任何特定的字符串。您也可以查看相同的文檔。 Documentation

現在，嘗試

$(document).ready(function(){ 
    $("[class*=xyz]").parent().css({"background-color": "yellow"}); 
}); 

Answer 2

要實現這個jQuery中您可以使用attribute contains selector：

$('select[class*="xyz"]').css('background-color', 'yellow'); 

Working example

Answer 3

可以使用attribute contains selector像以下。

$("[class*=xyz]").parent().css({"background-color": "yellow"});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <select class="wxyz"> 
 
     <option>Sample</option> 
 
    </select> 
 
</div>

Answer 4

你可以做，

$("[class]").filter(function() { 
    return $(this).attr("class").indexOf("xyz") 
}).css({ "background-color": "yellow"});