如何通过jquery创建DOM

kgqe7b3p 于 2023-11-17 发布在 jQuery

关注(0)|答案(3)|浏览(139)

编辑：对不起，我重新表达了我的问题

jQuery新手，需要帮助
我想删除所有li元素，并删除其中一个li中的内部span元素。
我不知道span在哪里，因为li是动态构建的，我不能指望id选择器

<ol id="selectable" class="ui-selectable">
        <li id="1_1_1" class="ui-widget-content ui-selectee">1.1.1</li>
        <li id="1_1_2" class="ui-widget-content ui-selectee">1.1.2</li>
        <li id="1_1_3" class="ui-widget-content ui-selectee ui-selected">1.1.3<span class="ui-icon ui-icon-check"
            style="float: right; margin: 2px 7px 0 0;"></span></li>
        <li id="1_1_4" class="ui-widget-content ui-selectee">1.1.4</li>
        <li id="1_1_5" class="ui-widget-content ui-selectee">1.1.5</li>
    </ol>

字符串
如何才能做到这一点？

jquery

来源：https://stackoverflow.com/questions/12802196/how-to-iterate-dom-via-jquery

3条答案

按热度按时间

62lalag41#

jQuery通常在内部迭代：

$("#selectable li").toggleClass(...)

字符串
你也可以使用.each来编译，因为有些方法不能编译，比如.html和.text（不幸的是，我不知道这个列表，尽管它会很有帮助）。

赞(0）回复(0）举报 2023-11-17

bqujaahr2#

**编辑：**要删除span，只需执行以下操作：

$('#selectable li span').remove();

字符串
请注意，它将删除任何li中的所有span，但从您的示例中，只有一个。
尝试toggleClass、addClass和removeClass

$('#selectable li').addClass('foo');
$('#selectable li').removeClass('foo');
$('#selectable li').toggleClass('foo');

型
这些只是更改所有匹配选择器的li的类的几种方法。

赞(0）回复(0）举报 2023-11-17

vql8enpb3#

另一种解决问题的方法是-使用find函数，您可以删除所有span标记，无论它们出现在所选元素中的何处。

$('#selectable').find('span').remove();

字符串

赞(0）回复(0）举报 2023-11-17

我来回答

如何通过jquery创建DOM

3条答案

相关问题

热门标签

最新问答