如何在javascript字符串之间追加内容?
我的HTML结构如下:如何在javascript字符串之间追加内容?,javascript,jquery,html,Javascript,Jquery,Html,我的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
<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>
现在,我想要这个输出:
<td class='col1'>Hello <span class='name'>Jack..!</span> How are you ?<td>
你好,杰克。。!你好吗?
我该怎么做呢?您已经有了一个可以作为目标的类“name”。您只需将文本添加到以下内容:
$('.name').text('Jack..!')
基于,您可以使用以下选项:
您的代码中有几个问题。首先,您不能在
.html()
方法之后链接.append()
。此外,.replace()
方法没有更改文本。要解决此问题,可以将匿名函数传递给.text()
方法并返回替换的文本。这就是您要查找的吗?很抱歉再次询问,但我如何才能作为同级而不是作为元素(append()
)来执行此操作?我的意思是像这样的。。。你好,杰克。。!如何…
$('.name').text('Jack..!')
$('table#x .col1 span.name').append(' Jack..!').parent().text(function () {
return $(this).text().replace('u', 'you');
});