Question

我有这样的HTML代码：

<div id="paragraph">
<pre>
<p>First Line in the paragraph , this goes very long and very very long</p>
<p>This line is of normal size
</pre>
</div>

现在，由于第一行，我的对话框中有一个滚动条。我想使用jQuery并在“段落”<p>内的所有div标记内打破文本，如果它在体载期间大于特定长度。所以它变成了这样的东西：

<div id="paragraph">
<pre>
<p>First Line in the paragraph , this goes very long
<br/>
and very very long</p>
<p>This line is of normal size
</pre>
</div>

有没有办法用jQuery做到这一点？

谢谢！ PRATIK

Answer 1

您将使用<pre>标记获得滚动条，因为它不允许您的段落标记换行。没有那个标签就可以使用它。

Answer 2

我不确定用jquery做这个，但是在这里使用css的方法可以让文本自动换行

http://www.longren.org/2006/09/27/wrapping-text-inside-pre-tags/

Answer 3

您应该遍历所有<p>元素，获取文本的长度，然后应用换行符。

$(document).ready(function() {
    $("p").each(function(i, item) {
        if($(item).text().length > 10) $(item).text(breakLongLine($(item).text()));
    });

    function breakLongLine(text) {
        // add </br>
    }
});

使用jQuery </p>有条件地在<p>标签内添加一个文本

3 个答案: