javascript - 如何在jquery中为元素添加id

Question

我有许多具有相同类名的元素。但是我想为用户单击的元素提供一个 id。

 $('body').click(function(event) {
    $(document).on('click', '.l1', function(){
        $('.l1').removeAttr('id');
        $('.l1').attr('id','selected');
    });
    $(document).on('hover', '.l1', function(){
    alert($(this).attr('id'));
    });
 });

小提琴：

http://jsfiddle.net/JamesPJ/h722g/141/

Answer 1

$('.l1')将始终选择该类的所有元素，而不管您在某个特定元素的单击事件中这一事实。

你想用$(this)

演示

Answer 2

使用$(this)它来指向您单击的元素

$(document).on('click', '.l1', function(){
        $('.l1').removeAttr('id');
        $(this).attr('id','selected');
    });