참조로 사용할 때 Id 변수가 작동하지 않습니다.

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 : $(lid).after(domElement);을 사용하고 싶습니다. 그러나 이것은 작동하지 않습니다.

Answer 1

은 먼저 DOM에 추가하고 기능 후를 사용해야합니다. 뚜껑은 그 앞에 "#"를 붙이는 데 필요한 id 값만 가질 것입니다.

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++ 
    }); 

Answer 2

당신이 시도 할 수 :

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