
高效修改带有特定class的li标签文本:jquery解决方案
网页开发中,常需操作DOM元素,例如获取并修改元素文本内容。本文讲解如何用JavaScript,特别是结合jQuery,高效修改拥有特定class属性的元素文本。
问题: HTML代码包含多个元素,部分带有"clone"类。需获取所有带有"clone"类的元素的文本内容,并将其修改为“[原文本 $ 原文本]”格式。
解决方案: 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。 此方法简洁高效地处理多个元素的文本修改。










