单击时元素的警报ID
Alert ID of element when clicked
我正试图弄清楚如何在单击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
相关文章:
- Javascript:表单验证getElementById仅返回第一个id元素
- 如何为每个带有数字的id元素使用Javascript函数
- 使用regex选择ID元素
- Bootstrap Navbar在选择ID元素后未折叠
- JavaScript-更改一组包含特定文本和变量ID元素的链接
- 父页面中的 JQuery 未在部分视图中检测到 id 元素
- ID 元素在作为参数给出时返回
- 当 Javascript 中的 POST ID 元素插入 PDO 时,数据库中没有结果
- 为什么变量值不显示在 id 元素中
- 如何查找 id 元素的文本值
- 使用 ajax 将 id 元素传递给数据库
- 从另一个HTML文件中获取ID元素
- 正在克隆html标记id元素
- 如何在html中循环使用ID元素
- 获取动态生成的id元素的内部文本发送到谷歌分析
- 如何通过tagname检查ID元素
- jQuery滚动到底部的ID元素
- 检查Id元素javascript
- 在我显示一个id元素后,页面跳转到顶部
- 如何在HTML中突出显示当前的id元素