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」の最初の要素を返したいと思います。

私は のattr（ "クラス"、 "アクティブである"） と 方法のfind（）。クラス（ "アクティブである"）

を試してみましたが、それはしませんでした仕事

どのような提案？

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()あなたが期間プレフィックスを欠落していたため。