如何在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')将始终选择该类的所有元素，而不考虑您位于某个特定元素的click事件中的事实。

您要使用$(this)

演示

Answer 2

使用$(this)以便指向您单击的元素

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