jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 查找div中的行数大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想显示“查看全部”的链接,只有当div中的行已经达到4行时.

HTML

<div>
    3PAS-Pub-IO-doubleclick.net-LI,ATOM_DFP_Pub_LI,AUG12_Zynga.com_MafiaWars2_0.10$_CPM,ATOM_Macro_Jivox TesTing,Sep 11 Head and Shoulder Innovation - Do Not Bill,123GreeTings - IN Do Not Pay_Second,July 11_Affinity.com_Fiat Linea_CPL 55,3PAS-Pub-IO-atdmt.com-LI,2_Affinity_RealEstate_CPC_2.8_INR_2nd,AUG12_Zynga.com_treasureIsle_0.10$_CPM,AUG12_Zynga.com_theville_0.10$_CPM,123GreeTings - IN Do Not Pay_NonIndia,AUG12_Zynga.com_RubyBlast_0.10$_CPM,12_Affinity_Education_CPC_2.8_INR_1st,728x90_Original,300x250_TagModified,Dec11_ WhyteFort_CPL_INR 45,AUG12_Zynga.com_PetsVille_0.10$_CPM,123GreeTings - IN Do Not Pay_First,AUG12_Zynga.com_FishVille_0.10$_CPM,3PAS-Pub-IO-adfac.net-LI,3PAS-Pub-IO-bs.serving-sys.com-LI1,3PAS-test-pub-IO-li,160x600_Noscr...
</div>

尝试用jquery子串概念,但没有运气,

我试

>查找div高度
>找到行高
> div height / line height =行数

这是代码

var divheight = $("#startegy-sections-targeTing-exclude").height();
var lineheight = $("#startegy-sections-targeTing-exclude").css('line-height');
console.log(Math.@R_674_7060@divheight/parseInt(lineheight)));

但没有成功,你们可以帮助我吗

解决方法

您可以使用ThreeDots插件进行jQuery: http://tpgblog.com/2009/12/21/threedots-the-jquery-ellipsis-plugin/

在您的< div>上调用ThreeDots()时,将max_rows设置为4.只需查看该页面上的示例,您还可以设置自定义的“阅读更多”链接.但请注意,您必须将文本包装成额外的< span>,如下所示:

<div class="text_here">
    <span class="ellipsis_text">
        your text
    </span>
</div>

…然后jQuery代码行将是:

$('.text_here').ThreeDots({ max_rows:4 });

大佬总结

以上是大佬教程为你收集整理的jquery – 查找div中的行数全部内容,希望文章能够帮你解决jquery – 查找div中的行数所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。