相关疑难解决方法(0)

想知道为什么下面的例子不起作用？

<a id="load_list" href="#">Load the list</a>

<ul></ul>

<script type="text/javascript">
$(document).ready(function() {
    $('#load_list').click(function() {
        $('ul').append('<li><a href="#">Click here</a></li>');
        return false;
    });
    $('ul li a').click(function() {
        alert('Thank you for clicking');
        return false;
    });
});
</script>

更新1:

我想知道它是否与要删除的元素内的按钮有关,所以最终会删除删除的按钮呢？这可能不是问题,我只是打字我正在思考.

我刚尝试过:

$( "input.btnX" ).click(function(event) {
    alert("test");
});

我没有得到警报......我应该使用live还是on现在,因为按钮和表格是动态生成的.

原始问题:

我有一个表(动态生成,所以我不知道它在tbody中有多少tr看起来像这样:

<table>
    <tbody>
        <tr>
            <td>col1</td>
            <td>col2</td>
            <td><input type="button" class="btnX" name="x" value="x" /></td>
        </tr>
        <tr>
            <td>col1</td>
            <td>col2</td>
            <td><input type="button" class="btnX" name="x" value="x" /></td>
        </tr>
    </tbody>
</table>

如果单击x按钮,如何删除父tr？因此,在此示例中,如果单击底部x,则应删除底部tr.

我试过这个:

$( "input.btnX" ).click(function(event) {
    $(this).parent('tr').remove();
});

但没有任何反应.