Подскажите пожалуйста аналог функции
.closest()
, только чтоб перебор от родителя к ребенку до указанного элемента
1 ответ
Вот пример на функции find()
Первый эл.
$( ".item-a" ).find( "ul:first" ).css( "background-color", "red" );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li class="item-a">lalala
<ul>
<li>123</li>
</ul>
<ul>
<li>123</li>
</ul>
</li>
</ul>
Последний
$( ".item-a" ).find( "ul:last" ).css( "background-color", "red" );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li class="item-a">lalala
<ul>
<li>123
<ul>
<li>123</li>
</ul>
</li>
</ul>
<ul>
<li>123</li>
</ul>
</li>
</ul>
Глубокий
var $deep = $(".item-a").find("ul").children();
var $next = $deep;
while ($next.length) {
$deep = $next;
$next = $next.children();
}
$deep.css("color", "red")
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li class="item-a">lalala
<ul>
<li>123
<ul>
<li>123</li>
</ul>
</li>
</ul>
<ul>
<li>123
<ul>
<li>123
<ul>
<li>123</li>
</ul>
</li>
</ul>
</li>
</ul>
<ul>
<li>123</li>
</ul>
</li>
</ul>
-
find Найдет все вложенные элементы
ul
,closest
же находит первого подходящего родителя– Grundy ♦5 июл 2017 в 12:58 -
не так. что будет при вложенности ul? выделятся они все. а надо последний самый глубокий 5 июл 2017 в 12:58
-
@Grundy исправил– user2451505 июл 2017 в 12:59
-
-