jquery 将 css 应用于最近的 div 的所有子元素

Question

我希望不仅将 css 应用于最近的“div”，而且还应用于 div 的所有子元素。

我现在的代码是这样的

$(document).ready(function(){
$(".classname").closest('div').css({"background-color": "purple"});
});

这只会在包含八个白色选择框的 div 上放置一个背景，我希望它们都具有相同的背景颜色。

对于常规的 css，我会通过 .classname > *{background-color:red;}

html类似于

<div>
<select>
<option class="classname"></option>
</select>
<select>
<option class="other"></option>
</select>
<select>
<option class="other"></option>
</select>
<select>
<option class="other"></option>
</select>
</div>

Answer 1

你可以使用 jquery.children

$(".classname").closest('div').css({"background-color": "purple"});
$(".classname").closest('div').children().css({"background-color": "purple"});