Найти родителя по классу

Question

HTML:

<div id="aaa" class="p"> 
    <div id = "bbb"> 
     <div id="actor" onclick = "testParent(this)"> 
      test parent 
     </div> 
    </div> 
</div> 

JS:

testParent = function(obj){ 
    alert($(obj).parent(".p").id); 
} 

Я думаю, что это должно быть оповещение aaa, но это не делает.

Разве это не способ найти родителя по классу?

Редактировать Я знаю, что ближайший может это сделать, но более конкретно, он является родителем, не так ли? Итак, для jquery нет конкретной реализации для jQuery?

Here is fiddle

Answer 1

Try:

testParent = function(obj){ 
alert($(obj).parents('.p').attr('id')); 
} 

Это довольно простой и короткий код.

Answer 2

Вы должны использовать .closest() и использовать obj без $()

Это должно быть так:

alert(obj.closest(".p").id); 

testParent = function(obj) { 
 
    alert(obj.closest(".p").id); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div id="aaa" class="p"> 
 
    <div id="bbb"> 
 
    <div id="actor" onclick="testParent(this)"> 
 
     test parent 
 
    </div> 
 
    </div> 
 
</div>

Answer 3

попробовать этот код

JAVASCRIPT-

testParent = function(obj){ 
alert($(obj).closest(".p").attr('id')); 
} 

Answer 4

использования нужно использовать parents() будет найти соответствие родителей с class.p и attr() получит вам идентификатор совпавшей родителя. См. Ниже код.

testParent = function(obj){ 
 
    alert($(obj).parents(".p").attr("id")); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="aaa" class="p"> 
 
    <div id = "bbb"> 
 
     <div id="actor" onclick = "testParent(this)"> 
 
      test parent 
 
     </div> 
 
    </div> 
 
</div>