高效修改带有特定class的li标签文本：jquery解决方案

网页开发中，常需操作DOM元素，例如获取并修改元素文本内容。本文讲解如何用JavaScript，特别是结合jQuery，高效修改拥有特定class属性的元素文本。

问题： HTML代码包含多个<li>元素，部分带有"clone"类。需获取所有带有"clone"类的<li>元素的文本内容，并将其修改为“[原文本 $ 原文本]”格式。

解决方案： jQuery的each()方法可遍历所有带有"clone"类的元素，text()方法获取和修改其文本内容。

以下代码片段演示如何实现：

$.each($('.clone'), function() {
  let originalText = $(this).text();
  $(this).text('[' + originalText + ' $ ' + originalText + ']');
});

代码首先使用$('.clone')选择所有class为"clone"的元素。$.each()方法迭代这些元素，$(this).text()获取每个元素的文本内容并赋值给originalText。最后，$(this).text(...)将修改后的文本内容更新到DOM。 此方法简洁高效地处理多个元素的文本修改。