鍍金池/ 問答/HTML/ 語句中的代碼有些讀不懂

語句中的代碼有些讀不懂

.box{
    height:50px;
    width:100px;
    border:1px solid red;
}
p{line-height:25px; padding:0; margin:0;}
<div class="box">
    <p>我愛模板網(wǎng)精選各種網(wǎng)頁模板,css模板,網(wǎng)頁特效,廣告代碼,開源網(wǎng)站源碼,建站素材,精美網(wǎng)站欣賞,全部免費(fèi)下載。并提供各種建站教程,力圖幫助新手解決建站困難。找模板,找素材,找教程,就來我愛模板網(wǎng)。</p>
</div>
$(".box").each(function(i){
        var divH = $(this).height();
        var $p = $("p", $(this)).eq(0);
        while ($p.outerHeight() > divH) {
            $p.text($p.text().replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, "..."));
        };
    });
回答
編輯回答
孤島

JQ?

    $(".box").each(function(i){   //class為box的標(biāo)簽對象 循環(huán) each是循環(huán)的方法
        var divH = $(this).height();  // 聲明變量 divH為當(dāng)前循環(huán)對象盒子的高度
        var $p = $("p", $(this)).eq(0); // 聲明變量$p 為p標(biāo)簽 class為box的標(biāo)簽的第一個(gè)元素
        while ($p.outerHeight() > divH) {  // 當(dāng)p標(biāo)簽的可讀高度 大于class為box的高度滿足條件
            //p 標(biāo)簽 class名為box的文本符合這個(gè)正則替換為...  應(yīng)該是超出文本的替換...
            $p.text($p.text().replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, "..."));
        };
    });
    
    

看注釋吧

2017年1月11日 11:22