How to append something between a javascript string?

Question

I have a HTML structure like this:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<table id ="x">
  <tr>
    <td class='col1'>
      Hello <span class='name'></span> How are u ?
    <td>
  </tr>
</table>

And here is my jQuery code:

var variable = $('table#x').find(".col1").html().find("span.name").append(' Jack..!').replace('u', 'you');
alert(variable);

Now, I want this output:

<td class='col1'>Hello <span class='name'>Jack..!</span> How are you ?<td>

How can I do that?

Is this what you're looking for? jsfiddle.net/7edvm141

Josh Crozier
– Josh Crozier

2015-12-10 21:29:05 +00:00
Commented Dec 10, 2015 at 21:29 — Josh Crozier
– Josh Crozier, Commented Dec 10, 2015 at 21:29

mark_c · Accepted Answer · 2015-12-10 21:35:55Z

4

You already have a class you can target, 'name'. You can simply add the text to this:

$('.name').text('Jack..!')

https://jsfiddle.net/2j7rxwyj/

answered Dec 10, 2015 at 21:35

mark_c

1,2121 gold badge8 silver badges10 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 11:44:37Z

2

Based on my comment, you could use the following:

Updated Example

$('table#x .col1 span.name').append(' Jack..!').parent().text(function () {
  return $(this).text().replace('u', 'you');
});

There were a couple issues in your code. For one, you can't chain .append() after the .html() method. In addition, the .replace() method wasn't changing the text. To fix this, you could pass an anonymous function to the .text() method and return the replaced text.

edited May 23, 2017 at 11:44

CommunityBot

11 silver badge

answered Dec 10, 2015 at 21:40

Josh Crozier

242k56 gold badges401 silver badges316 bronze badges

1 Comment

stack Over a year ago

Sorry for asking again, but how can I do that as sibling instead of into-element (append())? I mean is something like this ... Hello <span class='name'></span>Jack..! How ...

Collectives™ on Stack Overflow

How to append something between a javascript string?

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