1

我正在使用带有数据拆分图标“删除”的 jquery 移动列表视图。在该列表视图中,我使用数据分隔器将 li 与不同的组分开。一旦所有 li 从该数据分隔符下的列表视图中删除,我想删除特定的数据分隔符。说示例:检查以下列表视图代码片段。

<ul data-role="listview" data-autodividers="true" data-theme="c" data-divider-theme="d" data-split-icon="delete" data-split-theme="c">
    <li id="group1" data-role="list-divider">Group 1</li>
    <li id="item1">
        <a href="animals.html" data-rel="dialog" class="ui-link-inherit">Cat</a>
        <a id="del_4" data-theme="c"></a>
    </li>
    <li id="item2">
        <a href="animals.html" data-rel="dialog" class="ui-link-inherit">Dog</a>
        <a id="del_5"></a>
    </li>

    <li id="group2" data-role="list-divider">Group 2</li>
    <li id="item1">
        <a href="animals.html" data-rel="dialog" class="ui-link-inherit">Fish</a>
        <a id="del_4" data-theme="c"></a>
    </li>
</ul>

在上面的代码中,如果我删除 li "Fish",我也想自动删除 "Group 2" list-divider li,因为该组下没有 "li"。我尝试单独删除“li”,但一旦删除所有子“li”,我就无法删除列表分隔符“li”。

4

1 回答 1

1

首先获取组ID。

   var p_id=$(this).parent().parent().attr("id");

然后检查它的孩子

  var childDivs = $("#"p_id li);

如果它不包含子元素,请删除。

   if(childDivs.length<1)
         $("#"p_id).remove();
于 2012-10-09T13:07:51.920 回答