Попытка console.log идентификатора с jQuery

Question

Я пытаюсь получить идентификатор из тега div и в 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

Вы можете сделать так, (this.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>

Answer 3

Вы можете использовать аргумент 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>