1

クラスの x インスタンスを含むサイトがあります (それらは PHP を介して動的にロードされます)。クラスの各インスタンスには異なる量の文字があり、110 文字未満のクラスのすべてのインスタンスを残りよりも狭くしたいと考えています。

ここまでで、 class の 1 つのインスタンスで動作しますが、2 つのクラスがロードされると、クラスのすべてのインスタンスの合計の長さが計算されます。Jquery の .each() を調べましたが、構文が正しくないようです。

JQuery

if ($(".quotecontent").text().length < 110) {
        $(".quote").css("width", 500);
        //alert($(".quotecontent").text().length);
    }

HTML

<div class="quote">
<div class="quotestart"></div>
<div class="quotecontent"><p>We have a new toy!</p>
<div class="author">- Fernando Alonso</div></div>
<div class="quoteend"></div>
</div>

<div class="quote">
<div class="quotestart"></div>
<div class="quotecontent"><p>Fight to fly, fly to fight, fight to win.</p>
<div class="author">- Motto of the U.S. Navy Fighter Weapons School, TOPGUN</div></div>
<div class="quoteend"></div>
</div>
4

2 に答える 2

4

デモ http://jsfiddle.net/B3Uwj/11/

何か見逃した場合はお知らせください。

お役に立てれば。

コード

$(".quotecontent").each(function() {

    if ($(this).text().length < 110) {
        $(this).parent(".quote").css("width", 500);
        //alert($(".quotecontent").text().length);
    }
});​
于 2012-05-31T09:55:38.493 に答える
2 
$(".quotecontent").filter(function() {
    return $(this).text().length < 110;
}).parent('.quote').css("width", 500);

フィドル

于 2012-05-31T10:00:41.760 に答える