jquery：在单元格中添加按钮

Question

如何使用jquery在表格的单元格中插入按钮并处理该按钮的onclick事件？

谢谢。

Answer 1

var button = $("<button>Hi there</button>");
button.click(function() {
    alert("Hi back!");
});
button.appendTo("#tablecell");

http://jsfiddle.net/Fxayf/1/

Answer 2

<script>
    function insert(button){
        $(button).appendTo($('td.toinsert'));
    }
</script>
<table>
    <tr>
    <td class="toinsert">inside cell</td>
    </tr>
</table>
<input type="button" onclick="insert(this)" value="button"/>

还用于创建按钮并向其添加事件

<script>
    $(function(){
        $('<input></input>').attr({'type': 'button'}).val("button").click(function(){
            alert('hello');
        }).appendTo($('td.toinsert'));
    });
</script>
<table>
    <tr>
    <td class="toinsert">inside cell</td>
    </tr>
</table>