Подскажите пожалуйста аналог функции
.closest()
, только чтоб перебор от родителя к ребенку до указанного элемента
0
-
Комментарии не предназначены для расширенной дискуссии; разговор перемещён в чат. – Nick Volynkin♦ 7 июл '17 в 2:11
1 ответ
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 июл '17 в 12:58 -
не так. что будет при вложенности ul? выделятся они все. а надо последний самый глубокий – Алексей Шиманский 5 июл '17 в 12:58
-
-
-