单击时元素的警报ID

Alert ID of element when clicked

本文关键字：ID 元素 单击      更新时间：2023-09-26

我正试图弄清楚如何在单击span时在警报中显示此span的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') );
    }); 
});

使用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/

像这样尝试

$(document).on('click', '.lister ul span', function(event) {  
    console.log( $(this).closest("div").parent().attr("id"));
}); 

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

小提琴

First put an attr id to span.您可以做的是将click事件放在class lister中，然后获取在该类中找到的跨度的id。然后使用.parent()获取其父项，现在您也可以获取父项id

相关文章：