尝试使用 jQuery console.log 一个 id

Question

我正在尝试从 div 标签获取 id 并将其写入 console.log 但我未定义。任何想法为什么会这样？<?php $id = get_the_ID(); ?><div class="about-cont" id="<?php echo $id ?>"></div><script>    jQuery('.about-cont').click(function(el){         console.log(jQuery(el.target).attr('id'));     });</script>

Answer 1

试试这个。

<script>

    jQuery('.about-cont').click(function(){

         console.log(jQuery(this).attr('id')); 

    });

</script>

Answer 2

您可以使用event参数轻松找到点击的目标。event.preventDefault();此外，您可以通过在功能块中使用来阻止与该操作相关的所有事件。

<script type='text/javascript'>

    jQuery('.about-cont').click(function(event){

         console.log(jQuery(event.currentTarget).attr('id')); 

         //or

         console.log(jQuery(event.target).attr('id')); 

    });

</script>

Answer 3

你可以这样做，(this.id) 是获取当前元素的 id。

<?php $id = 1; ?>

<div class="about-cont" id="<?php echo $id ?>">click</div>

<script>

    jQuery('.about-cont').click(function(el){

         console.log(this.id); 

    });

</script>