Skip to main content
1 / 2
naga3
  • 655
  • 4
  • 10

もしくはこのように親要素にイベント処理を委譲するか、ですね。

$(function(){
    $('.hogehoge').on('click', function() {
        $(this).append('<p class="fugafuga">追加した</p>');
        return false;
    });

    $('.hogehoge').on('click', '.fugafuga', function() {
        alert('fugafuga');
        return false;
    });
});
.hogehoge {
    border: 1px solid black;
}

.fugafuga {
    width: 5em;
    border: 1px solid red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="hogehoge">
  この中をクリックして
  <p class="fugafuga">元からある</p>
</div>

naga3
  • 655
  • 4
  • 10