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那样的东西。

但是当我试图打印当前的id时，我认为没有任何工作可以让我知道当我们点击包含上面图像src的Anchor标签时如何获取锚标记的id？

Answer 1

试试这个

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

Answer 2

尝试

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

确保您已准备好DOM。

Answer 3

试试这个

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

为this.it添加一个工作小提琴正在这里工作 fiddle

Answer 4

在DOM准备就绪时编写它：

此外，click函数的语法不正确。

尝试：

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

Answer 5

你能试试吗，

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

Answer 6

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

Answer 7

尝试jquery attr（）

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

Answer 8

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

在jquery中获取anchor元素的id

8 个答案: