jQuery : 자식 클래스의 값으로 요소를 반환하는 방법

Question

나는 버튼 블록을 가지고 있고, 버튼 (a)을 포함하고있는 부모 "li"의 이름을 클래스 " 활성 "

<li class="page" name="1"><a href="#" class="is-active">1</a></li> 
<li class="page" name="2"><a href="#">2</a></li> 
<li class="page" name="3"><a href="#">3</a></li> 
<li class="page" name="4"><a href="#">4</a></li> 
<li class="page" name="5"><a href="#">5</a></li> 

이 경우 첫 번째 요소의 이름을"1 "로 반환하고 싶습니다.

난 ("IS-활성")

ATTR ("클래스", "이다 - 활성") 및 방법 발견(). 클래스를 시도하지만하지 않았다

일

어떤 제안 ??

Answer 1

:has() 필터는 속성 "이름이" '리'요소들에 대해 유효한 경우

console.log(
 

 
$('.page:has(.is-active)').attr('name') 
 

 
)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script> 
 
<li class="page" name="1"><a href="#" class="is-active">1</a></li> 
 
<li class="page" name="2"><a href="#">2</a></li> 
 
<li class="page" name="3"><a href="#">3</a></li> 
 
<li class="page" name="4"><a href="#">4</a></li> 
 
<li class="page" name="5"><a href="#">5</a></li>

Answer 2

당신은 parent() 방법을 사용하여 부모를 얻을 수 있습니다 : 당신의 예에서

$('.is-active').parent().attr('name');

을가 class() 당신이 기간 접두사 누락 된합니다.