尝试使用 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>&nbsp; &nbsp; jQuery('.about-cont').click(function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;console.log(jQuery(this).attr('id'));&nbsp;&nbsp; &nbsp; });</script>

Answer 2

您可以使用event参数轻松找到点击的目标。event.preventDefault();此外，您可以通过在功能块中使用来阻止与该操作相关的所有事件。<script type='text/javascript'>&nbsp; &nbsp; jQuery('.about-cont').click(function(event){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;console.log(jQuery(event.currentTarget).attr('id'));&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;//or&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;console.log(jQuery(event.target).attr('id'));&nbsp;&nbsp; &nbsp; });</script>

Answer 3

你可以这样做，(this.id) 是获取当前元素的 id。<?php $id = 1; ?><div class="about-cont" id="<?php echo $id ?>">click</div><script>&nbsp; &nbsp; jQuery('.about-cont').click(function(el){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;console.log(this.id);&nbsp;&nbsp; &nbsp; });</script>