如何用視頻標簽替換標簽

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()方法