jQuery $ ('.div' ).each 只运行一次迭代

Question

编辑:对于任何关心的人来说，问题是如此简单以至于我忽略了它，因为如果右边的列是具有额外内容的列，它会尝试将左边的列更改为它仍然会有更大的高度，虽然减小文本大小实际上不会修复它从而导致我得到的循环，解决方案是使用独立的 div 代替!希望这对某人有帮助!

我在尝试编写一些 jQuery 时遇到了一个小问题。我想要做的是遍历具有相同类的每个 div，如果该 div 的高度大于 25px，则将字体大小减小 1px，直到它适合一行。

我的代码适用于第一个，但不能在其他 div 上运行，任何帮助都会很棒!

问候，

四木

$(document).ready(function() {
        $('.lmmteam').each(function() {
            $('.lmmteam').css('font-size', '30px');
                while( $('.lmmteam').height() > 25 ) 
                    {
                        $('.lmmteam').css('font-size', (parseInt($('.lmmteam').css('font-size')) - 1) + "px" );
                    }
            });
    });

只是觉得我应该添加 html 标记，让您在这里更轻松!

<table>
  <tr>
    <td class="randomclass"></td>
    <td class="lmmteam">Long text</td>
    <td class="randomclass"></td>
    <td class="randomclass"></td>
    <td class="lmmteam">Long text</td>
    <td class="randomclass"></td>
  </tr>
  <tr>
    <td class="randomclass"></td>
    <td class="lmmteam">Long text</td>
    <td class="randomclass"></td>
    <td class="randomclass"></td>
    <td class="lmmteam">Long text</td>
    <td class="randomclass"></td>
  </tr>

并且有几行，但格式保持不变。谢谢!

Answer 1

您必须使用 $(this) 进行迭代。

参见:http://jsfiddle.net/4St7V/1/