replace the text of an element inside a variable in jquery

Question

I have a div

<div class='text'>
    <span class='s'>Some text</span>
</div>

var div = $('.text');

Now I want to change the text of the span. What I tried is

var span = $(div).find('span.s')[0];
$(span).text('some other text');

But I don't have any idea How to change this inside the var div

Rory McCrossan · Accepted Answer · 2016-03-04 09:04:21Z

2

Your logic isn't quite right. You just need to call find() on your original div variable, then set the text(). Try this:

var $div = $('.text');
var $span = $div.find('span.s');
$span.text('some other text');

Or more simply:

$('.text').find('span.s').text('some other text');

answered Mar 4, 2016 at 9:04

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Comments

user3062282 · Accepted Answer · 2016-03-04 09:07:25Z

0

try this for simple text

$('.s').text('some other text');

Or this for HTML text

$('.s').HTML('some <strong>other</strong> text');

answered Mar 4, 2016 at 9:07

user3062282

Satish Kumar sonker · Accepted Answer · 2016-03-04 09:12:37Z

0

You can also execute your same task in one line of Jquery Code

$('div.text span.s:eq(0)).text('whatever the text you want');

answered Mar 4, 2016 at 9:12

1,3089 silver badges16 bronze badges