2012-03-03 31 views
0

我試圖破譯的代碼'>'在jQuery中發現了什麼?

.find('> li ul:visible') 

以下行,我想不出什麼「>」實現。我在搜索文檔時遇到問題

+2

http://api.jquery.com/child-selector/ – bzlm 2012-03-03 22:49:57

+1

不要用那種方法*(沒有左操作數到'>')*。該行爲將被棄用。從文檔:*'注意:$(「> elem」,上下文)選擇器將在未來版本中被棄用。因此,它的使用不鼓勵使用替代選擇器。* – 2012-03-03 23:00:59

回答

1

它所做的是找到所有直接基於所提供的選擇器的當前元素的子元素。

比方說,我們有

<ul id="example"> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li> 
    <ul> 
     <li>Item 3</li> 
    </ul> 
    </li> 
</ul 

如果我搜索$("#example").find('>li')我只發現二里與項目1個&項目2.由於<li>與項目3不是來自我們的目標<ul>直接子是不匹配。

0

它是一個子選擇器的定義,與css相同。請參閱jQuery selector AND operator以瞭解如何選擇表格體內不在標題中的行。

你的例子是找到一個子元素是一個列表元素

參見由@bzlm

0

>建議的API文檔http://api.jquery.com/child-selector/是一個子選擇,從而找到可見ul那是後裔li這是一個直接孩子選擇的...

兒童選擇

說明:選擇由「父母」指定元素的「小孩」中規定的所有直接子元素。

因此,當您的>find函數中時,父元素是選擇器中的元素。

但是!!它過時了,因爲docs說:

注:$("> elem", context)選擇將在未來的版本中將會棄用。因此,它的使用不再使用替代選擇器。

相關問題