如何通過單擊jQuery中的孩子來獲取父母的ID

Question

我想在單擊子級時獲取父級div的ID，但是找不到任何邏輯來做到這一點。 讓我們看下面的例子：

<div class="something" id="mainParentDiv">
    <div class = "childClass" id = "parent1">
       <div id = "child1" class = "smallestChild">
       </div>
    </div>
</div>

如何通過單擊“ smallestChild”獲得ID“ parent1”？ 我是JQuery的新手，如果這個問題太天真或太簡單了，對不起。 我真的找不到解決方案。 還有其他問題，但他們要求通過單擊父母獲得孩子的身份證。 提前致謝。 任何幫助，將不勝感激。

Answer 1

試試這個

 $('.smallestChild').click(function(){ $(this).parent().attr('id'); console.log($(this).parent().attr('id')); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div class="something" id="mainParentDiv"> <div class = "childClass" id = "parent1"> <div id = "child1" class = "smallestChild">Button </div> </div> </div>