add text before all other text in element

Question

How would i go about adding text to all my current captions

<caption><span>Existing Caption Text</span></caption>
<caption><span>Existing Caption Text2</span></caption>
<caption><span>Existing Caption Text3</span></caption>
<caption><span>Existing Caption Text4</span></caption>

So i want to add text to each caption and have it shown first in the order

result would be

<caption><span>NEW TEXT Existing Caption Text</span></caption>
<caption><span>NEW TEXT Existing Caption Text2</span></caption>
<caption><span>NEW TEXT Existing Caption Text3</span></caption>
<caption><span>NEW TEXT Existing Caption Text4</span></caption>

i know how to replace the text using , but i just want it added to the existing.

$('caption span').text('NEW TEXT');

Rory McCrossan · Accepted Answer · 2015-07-03 19:21:43Z

3

You can provide the text() method with a function can be used to amend the existing text value of the element. Try this:

$('caption span').text(function(i, text) {
    return 'NEW TEXT ' + text;
});

answered Jul 3, 2015 at 19:21

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Comments

Bhavin Solanki · Accepted Answer · 2015-07-03 19:33:09Z

0

YOu can do it using .each in jquery

$('caption span').each(function() {
    $(this).html('NEW TEXT ' +$(this).html());
});

This should work...

answered Jul 3, 2015 at 19:33

Bhavin Solanki

4,8143 gold badges28 silver badges47 bronze badges

Comments

Praveen Kumar Purushothaman · Accepted Answer · 2015-07-03 19:37:35Z

0

You can even use this:

$('caption span').html(function(i, text) {
    return 'NEW TEXT ' + text;
});

answered Jul 3, 2015 at 19:37

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

Collectives™ on Stack Overflow

add text before all other text in element

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related