在 jquery 中更改具有相同类的多个 html 元素中的文本

Change text in multiple html elements with same class in jquery

本文关键字：元素 文本 同类 html jquery      更新时间：2023-09-26

我在一个包装器中有具有特定类的链接。我知道我可以在 jQuery 中使用 .text（） 更改文本，但是如果我在同一类中有 2 个或更多文本怎么办。如何一次更改它们？

全部更改为相同的新字符串。

$('.someClass').text('new text');

遍历类中的所有内容并修改每个元素的现有文本 

$('.someClass').text(function(_, oldText){
    return oldText + ' new text'
});

希望这将有助于使用 jquery 更改具有相同类的多个 HTML 元素

$(function () {
    $(".change-title").on("click", function (e) {
        $('.change-text').text($(this).data("desc"));
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<div class="change-text">
   Change Text 1
</div>
<p class="change-text">Change Text 1</p>
<a href="#" class="change-title" data-desc=" Change Text 1">button1</a>
<a href="#"  class="change-title" data-desc=" Change Text 2">button 2</a>

相关文章：