如何通过jquery迭代DOM

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

JQuery新手，需要一些帮助

我想迭代所有li元素 并删除其中一个li中的内部跨度元素

我不知道跨度在哪里，因为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>

1.1.1
1.1.2
1.1.3
1.1.4
1.1.5

---

如何做到这一点？

jQuery通常在内部进行迭代：

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

---

您还可以使用

.each

进行迭代，因为有些方法不进行迭代，例如

.html

和

.text

（很遗憾，我不知道列表，尽管它会非常有用）。

jQuery通常在内部进行迭代：

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

---

您也可以使用

.each

进行迭代，因为有些方法不进行迭代，例如

.html

和

.text

（很遗憾，我不知道列表，尽管它会非常有用）。

编辑：要删除跨度，只需执行以下操作：

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

请注意，它将删除任何

li

中的所有

span

，但在您的示例中，只有一个

试一试，然后

---

这些只是更改与选择器匹配的所有

li

类的几种方法。

编辑：要删除跨度，只需执行以下操作：

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

请注意，它将删除任何

li

中的所有

span

，但在您的示例中，只有一个

试一试，然后

---

这些只是更改与选择器匹配的所有

li

类的几种方法。

-“迭代jQuery对象，为每个匹配的元素执行函数。”您甚至可以使用隐式迭代并执行

$（“#可选li”）.attr（'class'，'new'）

--“迭代一个jQuery对象，为每个匹配的元素执行一个函数。”您甚至可以使用隐式迭代并执行

$（'#可选li'）.attr（'class'，'new'）