如何在JavaScript字符串之間附加內容？

Question

我有這樣的HTML結構：

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

這是我的jQuery代碼：

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

現在，我想要這個輸出：

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

我怎樣才能做到這一點？

Answer 1

您已經有了可以定位的類“名稱”。 您可以簡單地在其中添加文本：

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

https://jsfiddle.net/2j7rxwyj/

Answer 2

根據我的評論 ，您可以使用以下內容：

更新示例

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

您的代碼中有幾個問題。 例如，您不能在.html()方法之后鏈接.append() 。 此外， .replace()方法不會更改文本。 要解決此問題，您可以將匿名函數傳遞給.text()方法，然后返回替換的文本。