Question

jquery 截取DIV中的部分内容

如图 当DIV的内容超过5行的时候 怎样能够把 超过第5行的内容 截取出来 放到一个新的DIV中呢

Answer 1

jQuery 获取 div 之间的内容，有两种方法，$(selector).text()、$(selector).html() 。

html：
<div>
<p>test</p>
</div>

$("div").text() 得到的是 test，是 div 的纯文本，会自动忽略 html 标签 。
$("div").html() 得到的是 <p>test</p>，是 div 的所有内容，包括 html 标签，它有个好处是可以将 得到的标签与文字 直接再利用，比如添加到页面其他地方之类的操作 。

Answer 2

如果每一行是定高的，假设每行的高度是h，外部div的id为'test'，用来装载超出部分节点的DIV id为'test1',判断每个子元素的top距离外部div的top是否超过五倍行高就可以了：
$('#test').children().each(function(){
if($(this).offset().top - $('#test').offset().top >= h*5){
$('#test1').append(this);

}

});

Answer 3

在javascript和jquery中都无法识别行号.

所以你的要求无法实现, 不过你可以通过每行规定的字数来变相的实现.

在jquery中可以用lenght来获取字符串的长度!

Answer 4

哇 悬赏这么多分啊。2楼正解