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の新機能ですので、この質問がとても素朴で基本的なものであればごめんなさい。私は本当にこれのための解決策を見つけることができません。他にも質問がありますが、親をクリックして子供のIDを取得するよう求めています。前もって感謝します。どんな助けもありがとう。

Answer 1

それは$（この）.parent（） `だろう、あなたは直接の親をしたいと仮定すると、このよう

$('.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>