javascript - 子疑似セレクターのみを使用してデフォルト関数を防止する

Question

jQuery を使用して、ユーザーがリンク (「.add-event」) をクリックするたびに要素を動的に追加しています。この要素には、ユーザーが選択した場合に要素全体を削除するためのアイコンも含まれています。要素がページの最後に残っている場合、この削除アイコンを非表示または無効にしたい。これは私がこれまでに試したことです：

$(document).on('click','.close_box2:only-child',function(){
    event.preventDefault();
});

と

if( $('.event').length===1) {
    $('.close_box2').hide()
}

HTML:

<div class="event">
    <span class="close_box2"><i class="icon-remove"></i></span>
     <span class="add-event">Add Event</span>
</div>

私は何を間違っていますか!? ありがとう

Answer 1

パフォーマンスに関しては、次のように見えます。

$('.close_box2:only-child').on('click', function(event){
  event.preventDefault();
});