Найти элемент JQuery

Question

Я хочу знать о селекторе jquery, чтобы найти родительский элемент, в котором дети содержат foo.

Мы можем сделать это в xpath, но каким будет способ jquery?

Благодаря

Answer 1

Вы можете использовать JQuery has помощника для фильтрации найденного набора полей имеет определенные критерии дочерних

https://api.jquery.com/has/

console.log($('div').has('.foo').attr('id'))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="c1"> 
 
    <span class="foo"></span> 
 
</div> 
 

 
<div id="c2"></div>

Answer 2

Я бы найти ребенок и перейдите к родителям оттуда так:

$(document).ready(function() { 
 
     var $parent = $(".foo").parent() 
 
     console.log($parent.attr("id")); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="imTheParent"> 
 
    <span class="foo"></span> 
 
</div> 
 
<div id="imNotTheParent"> 
 
    <span class="bar"></span> 
 
</div>