当我们需要删除一个 HTML 元素及其后面的所有内容时，可以使用 jQuery 的 nextAll() 和 remove() 方法来实现。
nextAll() 方法
nextAll() 方法返回当前元素之后所有符合选择器条件的元素，包括文本节点和注释节点。该方法不会返回当前元素本身。
语法
-----------------------------
参数说明：
selector：必需，一个字符串，用于指定筛选条件。filter：可选，一个字符串，用于进一步筛选匹配到的元素。
示例
---- ----------- ----------- --- ---------------------- ----------- ----------- -----
--------------------------------
执行上述代码后，将删除包含类名为 remove 的 <li> 元素后面的所有元素，即删除 <li>荔枝</li> 和 <li>芒果</li>。
remove() 方法
remove() 方法用于从 DOM 中删除被选元素，包括它们的文本和后代元素。在删除元素之前，jQuery 会自动清理与该元素相关的事件处理程序和数据。
语法
----------------------------
参数说明：
selector：必需，一个字符串，用于指定要删除的元素。filter：可选，一个字符串，用于进一步筛选匹配到的元素。
示例
---- ----------- ----------- --- ---------------------- ----------- ----------- -----
----------------------
执行上述代码后，将只删除包含类名为 remove 的 <li> 元素，不会删除该元素后面的其他元素。
完整示例
--------- -----
------
------
----- ----------------
-------------------------
-------
------
----
-----------
-----------
--- ----------------------
-----------
-----------
-----
------- ------------------------------------------------------------------
--------
-----------------------------
--------------------------------
---
---------
-------
-------以上示例演示了使用 nextAll() 和 remove() 方法删除一个 HTML 元素及其后面的所有内容。在实际开发中，我们可以根据具体业务场景和需求选择不同的处理方式。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/27600