如何将td中的单词与html标签分开？

Question

如何使用jQuery将td中的多个单词与<br/>等HTML标记分开？

例如，<td>hello bye</td>将成为<td>hello <br/> bye</td>。

Answer 1

使用jQuery 1.4+，您可以这样做：

$('td').html(function(i,html){
 return html.replace(/\s/g, '<br>');
})

以上似乎不起作用，将.html更改为.text有效，但当然不能以这种方式添加HTML元素。所以你最好的选择就是这样做（将你的TD Id改为TD类）：

编辑＃2（替换错误代码）

$(document).ready(function(){
 $('td.myTd').each(function(){
  $(this).html( $(this).html().replace(/\s/g, '<br>') );
 })
})

但正如Max Shawabkeh指出的那样，如果您在<td>内有任何带有属性的HTML（例如<span class="text">...</span>）

，这会导致问题

Answer 2

$("td").html($("td").html().replace(" ","<br/>"))

Answer 3

仅当td中的HTML不包含任何标记时才会起作用。

$("td").each(function(){
    this.innerHTML = this.innerHTML.replace(/ +/g,"<br/>");
});