jQueryの親ID選択

Question

私はこの

<div id="cat1" class="category"> 
    <div></div> 
    <p></p> 
    //some more elements 
</div> 
<div id="cat2" class="category"> 
    <div></div> 
    <p></p> 
    //some more elements 
</div> 
<div id="cat3" class="category"> 
    <div></div> 
    <p></p> 
    //some more elements 
</div> 

のようなマークアップを持っていると私は、ユーザーがそのdivの内側の任意の項目をクリックすると、親のdivのIDを取得しようとしています。内部要素にはIDとクラスがある場合とない場合があります。

これをjqueryで実現しようとしていますが、親IDを選択する方法がわかりません。 jQueryを使って私の試みはこれまで、

$(".category").click(function() { 
    window.alert($(this).id); 
}); 

ですが、私は、カテゴリのdivの内側に何かをクリックしたとき、それは私に未知のIDを提供します。

ありがとうございます。

Answer 1

使用$().attr IDを取得する

$(".category").on('click', function(e){ 
     alert($(this).attr('id')); 
})