主页 / 问题 / 903917
Accepted
Nice
Asked:2020-11-08 19:47:55 +0000 UTC2020-11-08 19:47:55 +0000 UTC

使用 jquery 选择元素

  • 772

如何使用 jquery 来准确选择显然是 UL 子级的最后 4 个 LI 元素？

<section class="menu">
  <ul class="list">
    <li>Пункт 1</li>
    <li>Пункт 2</li>
    <li>Пункт 3</li>
    <li>Пункт 4</li>
    <li>Пункт 5</li>
    <li>Пункт 6</li>
    <li>Пункт 7</li>
    <li>Пункт 8</li>
    <li>Пункт 9</li>
  </ul>
</section>

html

1 个回答

  1. Best Answer

    你可以这样做。为清楚起见，我更改了最后 4 个元素的颜色。:nth-child(n+6) 表示“从列表中的第六个元素开始并选择每个后续元素。”

    $(document).ready(function() {
  $('li:nth-child(n+6)').css('color', 'red');    
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section class="menu">
  <ul class="list">
    <li>Пункт 1</li>
    <li>Пункт 2</li>
    <li>Пункт 3</li>
    <li>Пункт 4</li>
    <li>Пункт 5</li>
    <li>Пункт 6</li>
    <li>Пункт 7</li>
    <li>Пункт 8</li>
    <li>Пункт 9</li>
  </ul>
</section>

    如果元素的数量可以改变，那么编写以下代码

    $(document).ready(function() {
  var num = $('li').length - 3;
  var elem = 'li:nth-child(n ' + num + ')';
  $(elem).css('color', 'red');    
});
    • 3

相关问题