Аналог .closest(), только наоборот

319

07 июля 2017, 06:20

Подскажите пожалуйста аналог функции .closest(), только чтоб перебор от родителя к ребенку до указанного элемента

Answer 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>