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

时间:2016-03-06 17:54:42

标签: javascript jquery html5 css3

我在一个包含特定类的包装器中有链接。我知道我可以在jQuery中使用.text()更改文本,但如果我在同一个类中有2个或更多文本会怎样。如何一次更改所有内容?

2 个答案:

答案 0 :(得分:1)

将所有内容更改为相同的新字符串。

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

循环遍历所有类并修改每个元素的现有文本

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

答案 1 :(得分:0)

希望,这将有助于通过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>