使用 jquery 按钮删除文本

Question

只是想知道为什么我的删除按钮不起作用？我真的不明白我的错误，希望有人能快点帮助我...谢谢

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

Answer 1

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

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

     counter--;

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

更新 Fiddle：https://jsfiddle.net/r5yyLb9b/8/

使用 jquery 按钮删除文本

Remove text with jquery button

jquery

button

removeall