Question

我想将<a href="123" .......>text</a>替换为<video src="123"..... /> 我怎么能用jquery / javascript做到这一点？

Answer 1

像这样：

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

希望这有帮助。

Answer 2

或者我假设你想在点击后更换一个标签？注意：我用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's replaceAll() method

如何用视频标签替换标签

3 个答案: