2012-08-07 91 views
0

是否有一種簡單的方法來確定一個特定的分隔符列表項(li)是否包含子項目?這裏的訣竅是divider和子項目在jquery mobile中實際上處於同一水平。jquery mobile data-role ='list-divider'?

<ul> 
     <li id='i0' data-role="list-divider">Has Items<li/> 
     <li>Candidate Item 1</li> 
     <li id='i1' data-role="list-divider">Has no Items<li/> 
     <li id='i2' data-role="list-divider">Has no Items<li/> 
     <li id='i3' data-role="list-divider">Has Items<li/> 
     <li>Candidate Item 2</li> 
</ul> 

我需要一個jQuery表達式來告訴我,如果一個特定的li有子項(基於divider角色)或不是?

HasChildren($("#i0")) 

我試過了,但是沒有寫出很多迭代代碼就找不到解決方案。

回答

0

這裏做一個函數:

function hasChildren ($li) { 
    if ($li.next().is('[data-role="list-divider"]')) 
    return false 
    return true 
} 

希望這有助於。順便說一下,list-divider<li> s的所有結束標記都不正確。他們應該是</li>,而不是<li/>。希望這可以幫助!