jQuery：如何通过其子类的值返回元素

Question

我有一个按钮块，我想要回复父母的姓名＆＃34; li＆＃34;包含按钮（a）的类＆＃34;是活动的＆＃34;

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

我希望在这种情况下返回名为＆＃34; 1＆＃34;。

的第一个元素

我试过了 attr（＆＃34; class＆＃34;，＆＃34; is-active＆＃34;） 和 方法 find（）。class（＆＃34; is-active＆＃34;）

但那不起作用

任何建议??

Answer 1

您可以使用parent()方法获取父级：

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

在class()的示例中，您错过了句点前缀。

Answer 2

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