2013-06-24 36 views
-1

內我有不同的字符串長度的項目清單:jQuery的插入<br/>成文本列表項

<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

+0

一起選擇什麼點有問題的您的演示?什麼應該是*指針*,表示文本應該換成新行? –

+0

目標是什麼?爲什麼不簡單在CSS中放入'.rtsTxt {display:block; max-width:350px;}'這樣的東西? –

+0

你好羅科 - 指針是別人選擇的詞 - 在這個例子中,你會說它是「下降」,但它可以是任何東西(通常取決於當天某人的心情!) –

回答

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

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

+0

'嗨,這是我的rtsTxt,希望你喜歡它.' –

+0

@ RokoC.Buljan'是的,,,,,,我願意,,,喜歡,,,,你的,,,,文字...... ' –

+0

也'
'應該是'
'或者'
'或'
',而不是'
':)否則這就是答案,只需用'drop'替換'',''(toLowerCase可能)(閱讀OP的評論) –