Javascript JQuery父id选择

我有一个这样的标记

<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>

但当我点击category div中的某个内容时，它会给我一个未知的id

提前谢谢

使用

$（）.attr

获取ID

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

使用

$（）.attr

获取ID

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

警报（this.id）$（'.category'）。单击（函数（）{alert（$（this.attr（'id'））}）
alert（this.id））$（'.category'）。单击（函数（）{alert（$（this.attr（'id'））}）