文字列の長さが異なるアイテムのリストがあります。
<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" に属するテキストに改行を入力したいと思います。したがって、たとえば、「このテキストを下にドロップ」は、リスト アイテム内ではありますが、1 行下になります。
私は .contains と .replace でいくつかのことを試しましたが、まあまあうまくいくようには見えません! ランチタイムのお手伝い、大歓迎です。
jsfiddle はここにあります