javascript - 用 jQuery 替换元素

Question

我有 <form>我想用 <button> 替换我页面上的 s秒。给我带来困难的是我想使用 <form> 的值的提交输入作为按钮的 html。

<form action="/postcomment/" method="post">
<inputs>
.
. 
.
<input type="submit" value="Reply">
</form>

成为

<button class="postcomment">Reply</button>

我很难完全理解这里的链接。我需要获取数据值(例如“回复”)，然后在一个 jQuery 操作中将它们插入到按钮元素中(或者使用类似 .index() 的方式管理排序)，但我还不知道该怎么做.

Answer 1

这里的工作示例:http://jsfiddle.net/Mch86/

$(document).ready(function(){
    $('form').each(function(){
        button = $('<button>' + $('input[type="submit"]', this).val() + '</button>').addClass($(this).attr('action').replace(/\//g, ''));
        $(this).replaceWith(button);
    });
});