如何设置<DIV>的id和类名？

Question

我的问题很简单，但我尝试了不同的方法，他们确实解决了。我有如下代码。我正在创建新的<div>，并试图给它一个类名测试.So当我单击这个带有类测试的<div>时，我试图提高警惕……请帮帮我我迷路了..。

$('.item').click(function(){
        if(!isFullscreen){ // MAXIMIZATION
            $boxes = $(this).css('width','100%');
            $boxes.addClass("test");
            //$boxes.id = "test"; 
            $('#content').prepend( $boxes ).masonry( 'reload' );
        }
});

$(".test").click(function(){
    alert("Test");

});

我甚至尝试了下面的代码:但是它们不起作用。

        //$boxes.className="test";
        //jQuery($boxes).attr("id","test");

提前谢谢..。

Answer 1

您应该委托该活动：

$("#content").on('click', '.test', function() {
    alert("Test");
});

要将ID添加到单击元素，可以编写以下代码：

this.id = 'test';

请注意，如果向多个元素添加相同的ID，则文档将变得无效。

Answer 2

当单击类test的一个元素时，您的第一个函数将创建一个类item的成员。

节函数将在类test的所有成员运行…时添加单击处理程序。这是，在之前，任何item元素都会被点击。

使用 method，而不是click方法，并创建一个委托的事件事件(有关说明，请参见文档on )。

Answer 3

您需要将div添加到body...you中，可能会这样做：

$(body).append('<div id="test" class="test">');
$boxes = $('#test');

您需要使用on()委托您的单击函数。

将$(".test").click(function(){更改为$('body').on('click', '.test', function(){