Jquery 在多个div元素上有多行溢出时添加省略号
我试图添加并执行以下代码,当文本溢出时,该代码会在文本末尾添加省略号:Jquery 在多个div元素上有多行溢出时添加省略号,jquery,Jquery,我试图添加并执行以下代码,当文本溢出时,该代码会在文本末尾添加省略号: var ph=$('.txt-entries .txt-entries-wrap'); var p=$('.txt-entries .txt-entries-wrap p'); var divh=$('.txt-entries').height(); while ($(ph).outerHeight()>divh) {
var ph=$('.txt-entries .txt-entries-wrap');
var p=$('.txt-entries .txt-entries-wrap p');
var divh=$('.txt-entries').height();
while ($(ph).outerHeight()>divh) {
$(p).text(function (index, text) {
return text.replace(/\W*\s(\S)*$/, '...');
});
}
改编自这条线索
对于多个div元素,但当我将其放置在each循环中时,它会导致崩溃。以下是HTML:
<div class="txt-block">
<div class="txt-entries">
<div class="txt-entries-wrap">
<h2>Lorem ipsum</h2>
<p class="copy">Lorem ipsum</p>
</div>
</div>
<div class="cta-aligner">
<a class="cta-2" href="#">
Lorem ipsum
</a>
</div>
</div>
<div class="txt-block">
<div class="txt-entries">
<div class="txt-entries-wrap">
<h2>Lorem ipsum</h2>
<p class="copy">Lorem ipsum</p>
</div>
</div>
<div class="cta-aligner">
<a class="cta-2" href="#">
Lorem ipsum
</a>
</div>
</div>
乱数假文
Lorem ipsum
乱数假文
Lorem ipsum
如何对所有
.txt块元素执行它?更新jQuery选择器,使其不那么具体?这不管用pete