javascript - 如何使用 JQuery 从按钮单击中获取 Extreme DIV 的 ID、名称和类？

Question

如何获取极端父div的ID？

<div class="panel" id="Kudapanel"> //Extreme Div
    <div class="Kudapanel1" id="Kudapanel1">
    </div>
    <div>
        <div>
           <input type="button" id="yo"> //In much nestings
         </div>
    </div>
</div>  

举两个用例:

• 如果极端div中有panel classname，那么如何获取div的ID？
• 如果面板类名不存在，那么如何获取父 div 的 ID？

我试过:

$("#yo").click(function(){
 alert($(this).closest('div').attr('id')); 
});

请不要使用 parent().parent().parent()，因为极端的 div 位置在多个地方可能不同

Answer 1

尝试使用类选择器:

$("#yo").click(function(){
   alert($(this).closest('div.panel').attr('id')); 
});

如果您没有该类，我们需要查看其所在的父 html，以便为您提供解决方案。

更新

如果类未定义，解决方案是使用另一个标签，而不是 div，使用 section 作为上层父标签。

<section id="Kudapanel"> //Extreme Div
    <div class="Kudapanel1" id="Kudapanel1">
    </div>
    <div>
        <div>
           <input type="button" id="yo"> //In much nestings
         </div>
    </div>
</section> 


$("#yo").click(function(){
   alert($(this).closest('section').attr('id')); 
});