我需要選擇包含object
作爲其直接子元素的所有div
。 :has
只檢查任何一種的後代,所以現在我使用:選擇具有另一個元素作爲直接子元素的元素
$('div > object').parent().css('text-align', 'center');
有更直接的方式?
我需要選擇包含object
作爲其直接子元素的所有div
。 :has
只檢查任何一種的後代,所以現在我使用:選擇具有另一個元素作爲直接子元素的元素
$('div > object').parent().css('text-align', 'center');
有更直接的方式?
您可以簡化代碼:
$('div:has(> object)').css('text-align', 'center');
使用:has
選擇:
$("div:has(> object)").css("text-align", "center");
這是我寫了一個例子:
$(function() {
$("div:has(> h3)").css("background", "yellow");
});
div { padding: 15px; border: 1px solid black; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<div>
<h2>outer</h2>
<div>
<h3>inner</h3>
</div>
</div>
太棒了,謝謝! –
這是怎麼做到的['.has()'](http://api.jquery.com/has/)? – ahsteele
選擇器'$(「whatever_1:has(> whatever_2)」)'用於直接子過濾。 '$(「whatever_1」)。has(「> whatever_2」)'不。這兩種技術是不相同的。 – Zarepheth
我很肯定諾基亞在挪威的某個地方等着發明jQuery的人去撿起它。我非常喜歡jQuery! – user35443
@Zarepheth爲什麼不呢? – TWiStErRob