Question

我在此之前找到了许多问题的解决方案，但仍然无法找到这个问题的答案。我有一个容器，我用jQuery动态添加其他元素。在里面添加了div我有一个按钮所以当我点击那个按钮和要删除的按钮时我想要。这是我到目前为止所尝试的并没有成功。

HTML

<div id="menuContainer">
<ul id="menu">
    <li><a href="#" id="addColumn">add Element (max 5)</a></li>
    <li><a href="#" id="addCard">---</a></li>
    <li><a href="#" id="delColumn">---</a></li>
    <li><a href="#" id="delCard">---</a></li>
    <li><a href="#" id="tblReset">---</a></li>
</ul>
</div>
<div id="columns" style="width: 1000px;"></div>

jQuery的：

$(function() {
var columns = $('.column').size();

$('a#addColumn').click(function() {
    if (columns < 5) {                  
    var columnName = prompt('Внесете назив за колоната: ');
    var temp = columns + 1;
    $('<div class="column">' + columnName + '<button id="' + temp + '" style="float:right;" class="btnRemoveColumn">X</button></div>').appendTo('div#columns');
    columns++;
}
else { 
    alert("Имате максимален број на колони во таблата");
}
});

$(".btnRemoveColumn").click(function(){
    $(this).parent().remove();
});              
});

所有CSS都可以在外部网站小提琴上尝试，所以看看所有（不）的工作方式。 Link here

Answer 1

$(document).on("click", ".btnRemoveColumn", function() {

对于动态元素，应委派事件。

jQuery问题 - $（this）.parent（）。remove（）;

1 个答案: