0

したがって、基本的にこれはコードです：

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 (ホテル名とマイナス記号を一緒に) を削除したいだけです。

どうすればそれを達成できますか？

4

1 に答える 1

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();
});
于 2013-07-10T13:58:53.227 に答える