jquery移动数据-角色=‘list-divider’？

Question

有没有一种简单的方法来找出特定的分隔列表项(li)是否有子项？这里的诀窍在于，在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/>。希望这能有所帮助！