javascript - 将 jQuery 'this' 与多个元素的选择器一起使用

标签 javascript jquery

抱歉 jQuery noob 问题,我正在尝试使用回调函数使所有具有类 .thumbnail 的 div 元素都可以单击。但是,单击该类的一个 div 后,我需要该给定 div 的特定 ID,以便我可以对该特定 div 进行进一步操作。我很困惑,如果我在点击它后使用“this”来引用该特定的 div,或者如果我以错误的方式看待它。

我确定这是一个非常简单的问题,让 jQuery 大师们来回答,这是漫长的一天,我的大脑完全僵化了。

Sudo 代码示例:

<script>
$(document).ready(function() {

    $(".thumbnail").click(function() {

        //need to get id of thumbnail that was clicked, this is where I am confused       
        var thumbnail_id = $(this).attr('id')
        alert(thumbnail_id);

     });

});

</script>

<div class=thumbnail" id="1">Tom</div>
<div class=thumbnail" id="2">Jerry</div>
<div class=thumbnail" id="3">Sue</div>
<div class=thumbnail" id="4">Mary</div>
<div class=thumbnail" id="5">Brian</div>

最佳答案

不要认为缩略图应该写成 "thumbnail" 而不是 thumbnail"

关于javascript - 将 jQuery 'this' 与多个元素的选择器一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15712600/

相关文章:

javascript - 如何访问 php/mysql 查询值以在 jQuery 中使用?

jquery - 我可以淡入背景图像吗(CSS : background-image) with jQuery?

javascript - 如何在内联编辑中更新其他列更改的列

javascript - 在javascript中传递两个不同的变量?

javascript - 如何使用jquery自动点击表单中的保存按钮

javascript - Slider 在正确渲染之前加载每张幻灯片

javascript - 使用 redux 选择多个平台

javascript - 带有 jquery 对话框的 javascript 中的 session 超时警告

javascript - 预输入控制不起作用

javascript - Lodash 深度选择