jquery - Jquery遍历类，计算sting长度，如果短于X做某事

Question

我有一个带有 x 个类实例的站点（它们是通过 php 动态加载的）。在类的每个实例中都有不同数量的字符，我希望所有少于 110 个字符的类实例都比其他实例更窄。

我已经做到了这一点，它与类的一个实例一起工作，但是当加载两个类时，它会计算类的所有实例的总长度。我已经研究了 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>

Answer 1

演示 http://jsfiddle.net/B3Uwj/11/

如果我错过了什么，请告诉我。

希望这可以帮助。

代码

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

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

Answer 2

$(".quotecontent").filter(function() {
    return $(this).text().length < 110;
}).parent('.quote').css("width", 500);

​​​​​​​​​​​​​​​​​​​​​​​FIDDLE