在div中获取innerhtml

时间:2011-05-16 20:44:25

标签: javascript html dom tree

将html代码粘贴到此网址http://jsfiddle.net/nzYjV/

div(id =“input”)包含字母表字符串.. 在“input”div和“d1”div之间,有34个字符(包括空格)。 在“d1”div内,有16个字符(包括空格) 最后,在“d1”div的结尾和“input”标签的结束标记之间,有9个字符(包括空格)。

我必须显示有限数量的字符串并添加用于查看整个内容的链接,例如

1)假设字符串限制为30,输出将为

a b c d e f g h i j k l m n o ... [a href="#"]view more[/a]

输出html将是

[div id="input"]a b c d e f g h i j k l m n o [/div]

2)但是,如果字符串限制为40,那么输出将是

a b c d e f g h i j k l m n o p q r s t...  [a href="#"]view more[/a]

输出html将是

[div id="input"]a b c d e f g h i j k l m n o p q [div id="d1"] r s t [/div][/div]

3)并且,如果字符串限制为55,那么输出将是

a b c d e f g h i j k l m n o p q r s t u v q x y z a1 b1...  [a href="#"]view more[/a]

输出html将是

[div id="input"]a b c d e f g h i j k l m n o p q [div id="d1"] r s tb u v w x y[/div]z a1 b1[/div]

我能够获得“input”div和“d1”div的内部文本。但是,如果第三个条件为真,我无法获得最后一个文本“z a1 b1 c1”。

抱歉编辑错误..请帮我解决此问题

1 个答案:

答案 0 :(得分:0)

解决了......使用这个js文件 https://github.com/tagedieb/jquery-truncate

另一组截断..

https://github.com/Poetro/jQuery-Truncate