JQuery, чтобы выбрать элемент, который содержит хуг

Question

Я хотел бы применить CSS к родительскому элементу, который имеет класс, который содержит xyz,

JQuery выбрать класс с именем xyz и применять КСС:

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

Но я хотел бы, чтобы это применимо к элементу, который имеет класс wxyz, который содержит xyz eg

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