Question

    var lightcount = 0;        
    $("#addlight").click(function(){
        var domElement = $('<div id="L' + lightcount +'" class="col-md-3 col-sm-6 text-center"><div class="rumbox"></div><button id="onoff" type="button" class="btn btn-md btn-success">  ON  </button></div>');
        var lid= $(domElement).attr("id");
        console.log(lid);

        $(lid).after(domElement);
        lightcount++
    });

我有一个在单击按钮时创建新灯箱的功能。我希望新的灯箱能够成为现有灯箱之后的地方。

我有一个div id变量，每个新灯箱都会递增。

所以不是$("#L3").after(domElement)（实际上有效），我想使用我的变量盖子：$(lid).after(domElement);但这不起作用。

Answer 1

你可以尝试：

$("#" + lid).after(domElement);

Answer 2

您需要先将其添加到dom并使用after函数。盖子只有你需要预先添加的id值＃34;＃＆＃34;那个。

 var lightcount = 0;        
    $("#addlight").click(function(){
        var domElement = $('<div id="L' + lightcount +'" class="col-md-3 col-sm-6 text-center"><div class="rumbox"></div><button id="onoff" type="button" class="btn btn-md btn-success">  ON  </button></div>');

        //Add it to dom . Change the id
        $("#test").append(domElement)

        var lid= $(domElement).attr("id");
        console.log(lid);

        $("#"+lid).after(domElement);
        lightcount++
    });

当我想将它用作参考时，Id变量不起作用

2 个答案: