Jquery，在父母点击检查孩子

Question

点击＆＃34; child_good＆＃34;后如何执行操作，但不能点击＆＃39; child_wrong＆＃39;。但onClick事件必须在父母的身上。

<div class="parent">
    <div class="child_wrong"></div>
    <div class="child_good"></div>
</div>

<script>
    $('.parent').on('click', function(){

        if($(this).hasClass('child_good')) {
            alert(1);
        }
        return false;
    });
</script>

Answer 1

使用$(document).ready(function () { $(".servidor").on("click",function() { $('.container > #servidores-bg').hide(); $('#servidores-player').show(); if ($("#player").length==0) $("#servidores-player").append($("<iframe/>",{id:"player‌​",src:$(this‌​).data‌​("url")); else $("player").attr("src",$(this‌​).data("url")) }); $('#servidores-player .servidor-info').show(); var distance = $('#servidores-player iframe').offset().top $('html,body').animate({scrollTop:distance},1500); }); }); function mostrarServidores() { if (document.getElementById('inserido-utilizador')) { if (document.getElementById('inserido-utilizador').style.display == 'none') { document.getElementById('inserido-utilizador').style.display = 'block'; document.getElementById('servidores-bg').style.display = 'none'; } else { document.getElementById('inserido-utilizador').style.display = 'none'; document.getElementById('servidores-bg').style.display = 'block'; } } } 检查点击元素的类别。

<iframe>

$(event.target)

Answer 2

您可以使用Event Delegation将事件委托给父级。

.moncontenu{  color: rgb(255, 255, 255); text-shadow: 2px 4px 2px rgb(0, 0, 0); font-size: 33pt;width:100%; padding: 15px 0px !important; align-self: center;}

$('.parent').on('click', '.child_good', function(event){
    alert(1);
});