Javascript Jquery.click函数不工作

我已经创建了一个选项卡，并在其中添加了一些文本

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

$（“#tabcontent”）.append（“
选项卡内容“+count+”
添加列
”）；

有一个id

addColumns

我为这个id编写了一个函数

$（'#添加列'）。单击（函数（）{
$（“#tabcontent”）.html（“”）；
});

当我单击添加列时，什么都没有发生…
加载页面时，您的表不在DOM中，所以这是future元素，这就是它不工作的原因。您必须使用
.live（）

或者按照jQuery 1.7的要求

使用

让我们修复您得到的html结构，然后再试一次

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


选项卡内容“+计数+”


添加列


此外-是否确实要清除单击范围的元素

编辑：
这是您的html代码，而不是您应该使用的代码。在您的行中尝试td标记并尝试关闭标记。
您可以在1上放置html/js吗。我认为你正在使用更新面板。。2.可能是您的addcolumn是服务器控件。。。按照@gideon的说法，如果你把你的代码放在一个容易解决的地方……它在JSFIDLE中工作。请参阅此链接：
$(document).on('click','#addColumns', function(){
        $("#tabcontent").html('');
 });

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