Question

之间有什么区别：

$('.mydiv').children().last()

和

$('.mydiv').last()?

例如，当我们想要将div中的最后一个孩子放在div中时，最好使用哪一个？

Answer 1

使用此

$('.mydiv').children().last()

因为$('.mydiv').last()不会提供任何子女

Answer 2

就像听起来一样。

$('.mydiv').children().last()选择.mydiv元素的子元素，然后从该子元素列表中取出最后一项。

和$('.mydiv').last()选择所有.mydiv元素，然后从列表中获取最后一个元素。

如果您有多个$('.mydiv')元素，那么$('.mydiv').children().last()将为您提供上一个$('.mydiv')的最后一个孩子。如果您需要获取特定$('.mydiv') div的最后一个孩子，则可以使用first()或last()或eq(index)获取该特定项目，然后获取最后一个孩子。

//this select the second .myDiv then get its children and then the last of those children
$('.mydiv').eq(1).children().last();

Answer 3

使用$('.mydiv').children().last()引用.mydiv的最后一个孩子，使用$('.mydiv').last()，您将引用$('.mydiv')元素集合的最后一个元素

Answer 4

情况太不同了，.children().last()选择了相应div的最后一个孩子。

while .last()选择该类型的最后一个div，在你的示例中，最后一个div使用类mydiv。

以下是使用

播放的HTML示例

//first one is commented. 

//$( "ul.level-2" ).children().last().css( "background-color", "red" );

$( "ul.level-2" ).last().css( "background-color", "red" );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="level-1">
      <li class="item-i">I</li>
      <li class="item-ii">II
        <ul class="level-2">
          <li class="item-a">A</li>
          <li class="item-b">B
            <ul class="level-3">
              <li class="item-1">1</li>
              <li class="item-2">2</li>
              <li class="item-3">3</li>
            </ul>
          </li>
          <li class="item-c">C</li>
        </ul>
      </li>
    </ul>

............................................... ...............................

上面提到的HTML：

............................................... ...............................

$( "ul.level-2" ).last().css( "background-color", "red" );

$( "ul.level-2" ).children().last().css( "background-color", "red" );

$（＆＃39; .mydiv＆＃39;）。children（）。last（）和$（＆＃39; .mydiv＆＃39;）。last（）之间的差异

4 个答案: