получить идентификатор элемента анкера в JQuery

Question

Я имел DIV, как показано ниже

<div class="big_buttonsyle"> 
     <a id="get_a_tag_id" class="get_ids"> 
     <img src="/static/images/add_another_anchor_tag.png"> 
     </a> 
    </div> 

$('.get_ids').click(function(){ 
    var element_id = this.id 
    console.log(element_id); 
}); 

Так из приведенного выше кода, когда пользователь нажимает на якорь тег, который содержит изображение, я должен сделать что-то вроде повторить div какой-то материал.

Но когда я попытался напечатать текущий идентификатор, я думаю, что ничего не работает. Кто-нибудь, пожалуйста, сообщите мне, как получить идентификатор тега привязки, когда мы нажимаем тег Anchor, который содержит изображение src, как указано выше?

Answer 1

jQuery(function() { 
    $(document).on('click', '.get_ids', function() { 
     var element_id = this.id 
     console.log(element_id); 
    }); 
}) 

Answer 2

Попробуйте

$('.get_ids').click(function(evt) { 
    console.log(evt.currentTarget.id); 
}); 

Answer 3

Попробуйте как

$('.get_ids').click(function(e){ 
    e.preventDefault(); 
    var element_id = $(this).attr('id'); 
    console.log(element_id); 
}); 

Makesure, что вы поставили это в DOM готовы.

Answer 4

Попробуйте

$(document).on('click','.get_ids',function(){ 
    console.log($(this).attr('id')); 
}); 

добавить рабочую скрипку this.it работает здесь fiddle

Answer 5

записать его, когда DOM готовится:

Кроме того, синтаксис click функции не является правильным ,

Try:

$(document).ready(function(){ 
    $('.get_ids').click(function(){ 
     var element_id = this.id 
     console.log(element_id); 
    }); 
}); 

Answer 6

Вы можете попробовать это,

$(function(){ 
     $('.get_ids').click(function(){ 
      console.log($(this).attr("id")); 
     }); 
    }); 

Answer 7

$('.get_ids').click(function(){ 
    var element_id = $(this).attr('id') 
    console.log(element_id); 
}); 

Answer 8

Try JQuery атр()

$('.get_ids').click(function(){ 
    var element_id = $(this).attr('id'); 
    alert(element_id); 
    console.log(element_id); 
});