如何使用html標記分隔td中的單詞？

Question

如何使用jQuery在帶有HTML標簽（例如<br/>的td分隔多個單詞？

例如， <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的HTML（例如， <span class="text">...</span> ），則會造成問題<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/>");
});