如何用视频标签替换标签

How can i replace a tag with video tag

本文关键字：标签 替换 视频 何用      更新时间：2023-09-26

我想用<video src="123"..... />替换<a href="123" .......>text</a>如何使用jquery/javascript做到这一点？

或者我认为您想在单击后替换a标记？注意：我将"video"标记替换为div，只是为了让您更容易看到更改。

$(document).ready(function(){
    $('.toVideo').live('click', function(e){
        $(this).replaceWith('<div src="' + $(this).attr('href') + '">new video</div>');
        e.preventDefault();  
    })
})

以下是示例：http://jsfiddle.net/a9xHS/5/

或者，如果你想替换所有标签，也许你可以：

$(document).ready(function(){
    $('.toVideo').each(function(){
        $(this).replaceWith('<div src="' + $(this).attr('href') + '">' + $(this).attr('href') + '</div>');
    })
})

http://jsfiddle.net/A9R3L/1/

像这样：

$(document).ready(function(){
   var $a = $("a");
   $("<video/>").attr("src", $a.attr("href")).after($a);   
   $a.remove();
});

希望这能有所帮助。

查看jQuery的replaceAll()方法

相关文章：