如何在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)

Demo

Answer 2

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

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