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"});