使用jquery按钮删除文本

时间:2015-12-13 04:20:11

标签: jquery button removeall

只是想知道为什么我的删除按钮不起作用? 我真的没有看到我的错误,希望有人可以帮我快...谢谢

HTML:

<div id='TextBoxesGroup'>
<div id="TextBoxDiv1">
    <input type='button' value='Add Button' id='addButton'>
     <input type='button' value='Remove Button' id='removeButton'>
</div>
<p class="sm"><strong><a href="#" id='break1' data-type="text" data-pk="1" data-title="" >3 </a></strong><a href="#" id="break2" data-type="select" data-pk="1" data-title="">&nbsp;NORMAL</a><span>TEXT</span>
</p>
</div>

的javascript:

$("‪#removeButton‬").click(function () {
  if(counter==1){
    alert("No more textbox to remove");
   return false;
}

counter--;

$("‪#TextBoxDiv‬" + counter).remove();

});

});

或 另请看: DEMO

1 个答案:

答案 0 :(得分:0)

我终于找到了问题。您的removeButton点击事件有一些unicode字符,这是问题所在。我已经重写了document.ready中的点击事件,并且工作正常。

$("#removeButton").click(function () {
     if (counter == 1) {
        alert('No more taxtbox to remove');
        return false;
     }

     counter--;

     $('#TextBoxDiv' + counter).remove();
}); 

更新小提琴:https://jsfiddle.net/r5yyLb9b/8/