jquery mobile data-role ='list-divider'？

Question

是否有一种简单的方法来确定一个特定的分隔符列表项（li）是否包含子项目？这里的诀窍是divider和子项目在jquery mobile中实际上处于同一水平。

<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")) 

我试过了，但是没有写出很多迭代代码就找不到解决方案。

Answer 1

这里做一个函数：

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

希望这有助于。顺便说一下，list-divider<li> s的所有结束标记都不正确。他们应该是</li>，而不是<li/>。希望这可以帮助！