Has parent example

by nosfan1019

HTML

<div class='ooo'>
  <p class='aaa'>
    <strong class='bbb'>
        <span class='ccc'>click</span>
    </strong>
  </p>
</div>

<div id="log"></div>
<div id="blah"></div>

CSS

body {
    margin: 50px;
}

span, strong, p { 
    padding: 8px; display: block; border: 1px solid #999;  }

#log {
    margin: 100px 0 0;
}

div.ooo, p, strong, span {
    background: white;
}

.pink {background: pink;}

.white {background: white;}

JavaScript

$("body").click(function(event) {
    $("#log").html("clicked: " + event.target.nodeName);
    var et = event.target;      
    
    if ($(et).closest('.bbb').length) {
        $(et).addClass('pink');
        $('#blah').text('yes');
    } else {
        $('#blah').text('no');
    }
});