문자열을 가져오고 새 div로 바꾸기

Question

jquery에서 페이지의 특정 div의 HTML을 가져 와서 문자열로 사용했습니다. 그러나 "video-js"라는 문자열에서 각 클래스를 제거하고 다른 div로 대체하는 방법을 알려주시겠습니까? 나는 각각의 "video-js"div에서 몇 개의 값을 얻으려고 노력하고 있는데, 그 전에 div를 새로운 값으로 바꾸기 전에.

이것은 내가 지금까지 가지고 있지만 문자열로 다시 쓰지 않습니다.

var getTheCurrentResults = $(".titanLoaderControlList").html(); 

    var obj=$(getTheCurrentResults); 
    $('.video-js',obj).each(function(){ 

     var theID = $(this).attr("id"); 
     var videoSRC = $(this).find(".vjs-tech").attr("src"); 
     var posterSRC = $(this).find(".vjs-tech").attr("poster"); 

     $(this).text("<div class='playButtonContainer'><div class='playButton'><div class='playButtonSymbol'></div></div></div><div class='videoInfo' data-video-id='"+theID+"' data-source-video='"+videoSRC+"'><img class='posterInfo' src='"+posterSRC+"'></div>"); 
    }); 

Answer 1

당신은 HTML 콘텐츠하지 .text()을 대체 할 .html()를 사용한다.

var getTheCurrentResults = $(".titanLoaderControlList").html(); 

var obj=$(getTheCurrentResults); 
$('.video-js',obj).each(function(){ 

    var theID = $(this).attr("id"); 
    var videoSRC = $(this).find(".vjs-tech").attr("src"); 
    var posterSRC = $(this).find(".vjs-tech").attr("poster"); 

    $(this).html("<div class='playButtonContainer'><div class='playButton'><div class='playButtonSymbol'></div></div></div><div class='videoInfo' data-video-id='"+theID+"' data-source-video='"+videoSRC+"'><img class='posterInfo' src='"+posterSRC+"'></div>"); 
});