jQuery - пример только дочернего селектора
«only-child» используется для выбора всех элементов, которые являются единственными дочерними элементами своего родителя.
Примеры
-
$(‘:only-child’) – selects all elements that are the only child of their parent.
-
$(‘li:only-child’) – selects all elements matched by
- that are the only child of their parent.
Пример jQuery
В этом примере, когда кнопка нажата, только<li>DEF #1</li> будет соответствовать и динамически изменять цвет фона, потому что это единственный дочерний элемент их родителя.
jQuery only child example jQuery only child example
- ABC #1
- ABC #2
- ABC #3
- ABC #4
- ABC #5
- DEF #1
- GHI #1
- GHI #2