Question

我想将CSS应用于包含xyz的类的父元素，

选择名为xyz的类并应用css的jQuery是：

$(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] .....我想在名字包含f1，fs1，fe1

时应用不同的css

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

jQuery选择包含xyz的元素

4 个答案: