javascript - 单击时元素的警报 ID

Question

我试图弄清楚如何在单击该跨度时在警报中显示该跨度的 ID。更具体地说，我需要它显示“电影”，以便稍后可以通过“电影”选择跨度。

如何实现这一目标？谢谢。

http://jsfiddle.net/neowot/x4yfracg/2/

HTML

<div id="Movie" class="Fun">

    <div class="lister">
        <ul class="active"><span>Rodeo</span></ul>
    </div>

</div>

CSS

.lister ul span {
    cursor:pointer;
}

JS

$(document).ready(function() {

    $(document).on('click', '.lister ul span', function(event) {  
            alert( $(this).attr('id') );
    }); 

}); 

Answer 1

使用 closest 在 DOM 树中的祖先上搜索 ".Fun":

$(document).on('click', '.lister ul span', function(event) {  
        alert( $(this).closest(".Fun").attr('id') );
}); 

http://jsfiddle.net/x4yfracg/5/

有关 closest() 函数的更多信息:https://api.jquery.com/closest/