javascript - 无法使用 .replaceWith() 函数删除标记之间的所有 html 代码

Question

为什么 .replaceWith()在以下代码中不起作用？

单击单选按钮后，<form> 之间的 HTML已删除。

$('input:radio').click( function(){                        
   var url = $(this).attr('alt');                       
   $('form').replaceWith($('<form action="'+url+'" method="post" class="url">' + this.innerHTML + '</form>'));                        
});

示例: http://jsfiddle.net/MWFN9/1/

Answer 1

我认为您要做的是在单击单选按钮时更改 action 属性的值。

replaceWith 替换整个元素(及其子元素)，这就是为什么您的整个表单被替换(用一个空的)。

相反，您可以使用 attr 来更改单个属性的值:

$('input:radio').click(function() {                        
    var url = $(this).attr('alt');                       
    $('form').attr("action", url);                        
});