Question

所以基本上这就是代码：

HTML：

<button id="addHotel" type="button"> Add Hotel </button>
<div id="moreProd"> </div>

Jquery（版本1.7）：

var i = 0;
$('#addHotel').click(function () {
    $("<div><div>Hotel Name:</div><div>-</div></div>").attr({
        'id': i,
        class: "addHotel"
    }).addClass('H').appendTo('#moreProd');
    i++;
});
$('#moreProd').on('click', '.H', function () {
    $(this).remove();
});

已实现：使用此代码，我可以点击酒店名称或减号（ - ），它将删除整个div元素。

目的：我不想点击酒店名称并删除整个div元素（酒店名称和减号）。我只想点击减号来删除div（酒店名称和减号一起）。

我如何实现这一目标？

Answer 1

试试这个。仅在减号

上添加点击事件

var i = 0;

$('#addHotel').click(function () {
    $("<div><div>Hotel Name:</div><div class='minus'>-</div></div>").attr({
        'id': i,
        class: "addHotel"
    }).addClass('H').appendTo('#moreProd');
    i++;
});
$('.minus').on('click', '.H', function () {
    $(this).closest('.H').remove();
});

使用按钮在单击事件上添加和删除Div元素

1 个答案: