如何用视频标签替换标签

Question

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

Answer 1

像这样：

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

希望这可以帮助。

Answer 2

或者我假设您想在单击后替换 a 标签？ 注意：我用 div 替换了“video”标签，只是为了让您更容易看到更改。

$(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/

Answer 3

查看jQuery 的replaceAll()方法