jquery mobile data-role ='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是否有子项（基于分隔符角色）？

HasChildren($("#i0"))

我已经尝试过了，但是如果没有编写大量的迭代代码就无法找到解决方案。

Answer 1

这是一个执行此操作的功能：

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

希望这会有所帮助。顺便说一句，list-divider <li>的所有结束标记都不正确。它们应为</li>，而不是<li/>。希望这有帮助！