Question

我创建了一个标签并在其中添加了一些文字

$("#tabcontent").append('<p id="c'+count+'"><table> <tr>Tab Content '+count+'<br><span id="addColumns" style="cursor:pointer;">Add Columns</span></p>');

有一个id addColumns我为这个id写了一个函数

$('#addColumns').click(function(){ $("#tabcontent").html(''); });

当我点击Add Columns时，什么也没发生......

Answer 1

当页面加载时，你的表不在DOM中，所以这是未来元素，这就是它无法正常工作的原因。你必须使用.live()

$('#addColumns').live('click', function(){ $("#tabcontent").html(''); });

或根据jQuery 1.7

使用.on

$(document).on('click','#addColumns', function(){
        $("#tabcontent").html('');
 });

Answer 2

让我们修复你得到的html结构并再试一次。

<p id="c'+count+'">
    <table> 
        <tr>Tab Content '+count+'
            <br>
            <span id="addColumns" style="cursor:pointer;">Add Columns</span>
</p>

此外 - 你真的想清除你点击跨度的元素吗？

修改这是你的HTML代码，而不是你应该使用的代码。在你的行中尝试使用td-tag并尝试关闭你的标签。

Jquery .click函数不起作用

2 个答案: