javascript - 如何用视频标签替换标签

Question

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

Answer 1

或者我假设您想在单击后替换 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/