Javascript - 类元素具有其他类元素的属性

Question

下面是一个代码片段。我试图根据窗口大小和位置影响类属性margin-bottom。我已经让它在高度、宽度等的所有实例中都可以工作...但是由于 margin-bottom 的某种原因，所有类都采用最后一个 javascript 函数的大小。我不确定这是否有意义？代码如下:

//Javascript
var thisMB = null;
$("#Full").find(".t16").each(function () {
                thisMB = '1.25em';
            });
            $("#Full").find(".t8").each(function () {
                thisMB = '4.4175em';
            });

 $(this).css("margin-bottom", thisMB);

<!--html-->
             <div>      
                  <ul class="tlist">
                        <li class="theTeams t16">1 1upLeft upLeft upLeft </li>
                        <li class="theTeams t16">1 1upLeft upLeft upLeft </li>
                        <li class="theTeams t16">3 1 upLeft upLeft upLeft </li>
                        <li class="theTeams t16">4 1 upLeft upLeft upLeft </li>
                        <li class="theTeams t16">5 1 upLeft upLeft upLeft </li>
                        <li class="theTeams t16">6 1 upLeft upLeft upLeft </li>
                    </ul>
                </div>
                <div>
                    <ul class="tlist">
                        <li class="theTeams t8">1 upLeft upLeft upLeft </li>
                        <li class="theTeams t8">3 upLeft upLeft upLeft </li>
                        <li class="theTeams t8">5 upLeft upLeft upLeft </li>
                    </ul>
               </div>

基本上，我的 LI 将采用后一种 javascript 函数，而不是它们找到的特定类实例的函数。所以 .t16 的 margin-bottom 应该是(比如说)14，而 .t8 应该是 42...它们都是 42。如果我移动顺序，它们都是 14。

想法？

Answer 1

var thisMB = null;
$("#Full").find(".t16").each(function () {
    thisMB = '1.25em';   <--- this assigns the same variable over and over again
 });
$("#Full").find(".t8").each(function () {
      thisMB = '4.4175em'; <--- so does this
});

$(this).css("margin-bottom", thisMB);   <--- this sets the element to thisMB = the final value.

您一遍又一遍地分配变量，但将其分配给循环外部的“this”。如果要设置所选元素 (this) 的值，则它需要位于 each(). 循环内