Change text in multiple html elements with same class in jquery

Question

I've got links in one wrapper which have specific class. I know that i can change text with .text() in jQuery, but what if i have 2 or more texts in same class. How can I change them all at once ?

@RajaprabhuAravindasamy that's not correct $('.someClass').text('new text') will change all. You are thinking about text() as getter but in fact that' will actually return all text in collection concatenated together . It's a weird one compared to all other getters — charlietfl
– charlietfl, Commented Mar 6, 2016 at 18:28

charlietfl · Accepted Answer · 2016-03-06 18:35:34Z

4

Change all to same new string.

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

Loop over all in class and modify existing text for each element

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

answered Mar 6, 2016 at 18:35

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Solaiman Hossain · Accepted Answer · 2020-07-22 07:52:50Z

0

Hope, this will help to change multiple HTML elements with same class with jquery

$(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>

answered Jul 22, 2020 at 7:52

Solaiman Hossain

1772 silver badges14 bronze badges

1 Comment

CodeConnoisseur Over a year ago

can you convert the jquery to use es6/vanilla JS?

Collectives™ on Stack Overflow

Change text in multiple html elements with same class in jquery

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related