如何更換視頻標籤的標籤

Question

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

Answer 1

或者我假設你想在單擊後替換一個標籤？ 注意：我用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 2

退房jQuery's replaceAll() method

Answer 3

像這樣：

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

希望這有助於。