jQuery在列表项中插入文本

时间:2013-06-24 11:59:39

标签: jquery insert line-breaks break

我有一个不同字符串长度的项目列表:

<li class="rtsLI">
<a class="rtsLink rtsAfter" title="Something">
<span class="rtsOut">
<span class="rtsIn">
<span class="rtsTxt">
Short list item here</span>
</span>
</span>
</a>

</li>
<li class="rtsLI">
<a class="rtsLink rtsAfter" title="Something Else">
<span class="rtsOut">
<span class="rtsIn">
<span class="rtsTxt">
Really really really long list item goes here drop this text below</span>
</span>
</span>
</a>

</li>
<li class="rtsLI">
<a class="rtsLink rtsAfter" title="Something Else As well">
<span class="rtsOut">
<span class="rtsIn">
<span class="rtsTxt">
I might want to add a line here drop this text below</span>
</span>
</span>
</a>

我想在属于“rtsTxt”类的文本中输入换行符。因此,例如,“删除此文本下方”仍然在列表项目内,但下面是一行。

我已经尝试了.contains和.replace的一些东西,但我似乎无法指出这样的东西!任何午餐时间的帮助,非常感谢。

可以找到jsfiddle here

1 个答案:

答案 0 :(得分:1)

$('.rtsTxt').html(function(_,htm){
  return htm.split(',').join("</br>");
});

演示----> http://jsfiddle.net/gFwFR/9/