Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/csharp/286.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在多个div元素上有多行溢出时添加省略号_Jquery - Fatal编程技术网

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