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()替换HTML内容，而不是.text()。

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

获取一个字符串并用新的div替换div

1 个答案: