TOC

jQuery - Первый ребенок

jQuery - пример первого и последнего дочернего селектора

:first-child используется для выбора всех элементов, которые являются первым потомком своего родителя, что является сокращением для: nth-child (1).

Примеры

  1. $(‘li:first-child’) – selects all elements matched by

  2. that are the first child of their parent.

  3. $(tr:first-child’) – selects all elements matched by that are the first child of their parent.

:last-child используется для выбора всех элементов, которые являются последними дочерними элементами своего родителя.

Примеры

  1. $(‘li:last-child’) – selects all elements matched by

  2. that are the last child of their parent.

  3. $(tr:last-child’) – selects all elements matched by that are the last child of their parent.

Пример jQuery

Простой пример, демонстрирующий использование первой и последней дочерней функции для динамического добавления цвета фона «li». 



jQuery first child and last child example







jQuery first child and last child example



    
    
  • li #1
    • 
    
  • li #2
    • 
    
  • li #3
    • 
    
  • li #4
    • 
    
  • li #5
    •

Попробуйте демо

Related