CSS選擇器“如果有這個孩子”

Question

我正在嘗試選擇此div：

<div class="k-widget k-window">

如果有這個孩子

<div id="window_Monthly">

我試過了：

$("div.k-window:has(div#window_Monthly)")

Answer 1

您應該避免使用:has() 。 根據API，

因為：has（）是jQuery擴展，而不是CSS規范的一部分，所以使用：has（）的查詢無法利用本機DOM querySelectorAll（）方法提供的性能提升。 為了在現代瀏覽器中獲得更好的性能，請改用$（“ your-pure-css-selector”）。has（selector / DOMElement）。

---

但是，還有其他幾種方法可以解決此問題：

選擇器：

$("div.k-window div#window_Monthly")
$(".k-window #window_Monthly")

演示： http : //jsfiddle.net/JHQXd/1/

IF /長度：

國際海事組織，這將是最好使用.find()代替.children()但兩者都是有效的。

if($('div.k-window').find('#window_Monthly').length)
     //do something

要么

if($('div.k-window').find('#window_Monthly').length > 0)
         //do something

演示： http : //jsfiddle.net/JHQXd/2/

Answer 2

您的解決方案有效。 請檢查此jsFiddle ： http : //jsfiddle.net/JHQXd/

Answer 3

$('.k-widget>#window_Monthly').parent()

如果孩子不是一級后代：

$('.k-widget #window_Monthly').parents('.k-widget')