Javascript 如何拦截所有img的点击？我有一堆图片，每一张都需要回复一次点击。

我想向我的用户展示图像，他们可以在那里选择它们。我需要他们选择一个有限的数字，比如5，这样： 图像显示在矩阵中，用户可以单击它们。 我想：

function boom()
{

this.css('background-color','#fff');
this.data('clicked','yes'); 

// I should also make checks here to see how many were clicked already

}

$('img').click(boom); 

//我想这会将所有点击的img连接到这个函数，在这里我可以用css函数调用'this'

但它不像我想的那样工作

任何帮助都可以，谢谢

$(function(){
    var clicked_img = 0;
    $('img').click(function(){
        $(this).css('background-color','#fff').data('clicked','yes');
        clicked_img++;
    });
});

编辑：在注释线程中找到新请求的以下更新代码：

根据您的更新代码请求，如果您的HTML为：

<img id="one" class="clicked" src="img/one.png" /> 
<img id="two" class="clicked" src="img/two.png" />

新代码的工作演示：

编辑：在注释线程中找到新请求的以下更新代码：

根据您的更新代码请求，如果您的HTML为：

<img id="one" class="clicked" src="img/one.png" /> 
<img id="two" class="clicked" src="img/two.png" />

---

新代码的工作演示：

尝试将变量分配给一个无注释函数

var boom = function()
{

this.css('background-color','#fff');
this.data('clicked','yes'); 

// I should also make checks here to see how many were clicked already

}

然后调用$'img'。liveclick，boom；

---

js fiddle here:

尝试将变量分配给注释性函数

var boom = function()
{

this.css('background-color','#fff');
this.data('clicked','yes'); 

// I should also make checks here to see how many were clicked already

}

然后调用$'img'。liveclick，boom；

---

js fiddle here:

此行：$'img'。单击Boom@泰德：你在用吗？另外，用这里给出的答案替换整个代码。不要试图用它来使用你的函数boom。我开始了一个测试文档，但完全忘记了这一点！谢谢，虽然输入字段不响应点击，但我会立即响应。嘿，AlienWebguy，你完全正确！这确实让他们得到了img的回应。然而，有什么东西阻止了我使用this。数据“点击”==“是”这行：$“img”。点击Boom@泰德：你在用吗？另外，用这里给出的答案替换整个代码。不要试图用它来使用你的函数boom。我开始了一个测试文档，但完全忘记了这一点！谢谢，虽然输入字段不响应点击，但我会立即响应。嘿，AlienWebguy，你完全正确！这确实让他们得到了img的回应。然而，有什么东西阻止了我使用this。数据“点击”==“是”你没有给变量分配一个匿名函数吗虽然你的函数不是完全匿名的。编辑-删除匿名函数名，因为它是匿名的，所以这个提琴更能理解ScrapedCola试图传达的内容，所以它是这样的：在document.ready I do:$'one'。数据'点击'，'no'；$'two'。数据'点击'，'否'；$'img.clicked'。单击Boom；函数boom{ifthis.dataclicked==yes{this.dataclicked，no'；this.css'border'，'none'；alert'sfdfsfd'；}其他{this.dataclicked，yes；this.css'border'，'3px solid cccc'；}；关于html部分：我在使用.data函数时遇到问题，请您指出，我做错了什么？非常感谢。很抱歉，网站不允许我像编辑普通文本一样编辑帖子我不知道为什么会这样你不给变量分配一个匿名函数吗虽然你的函数不是完全匿名的。编辑-删除匿名函数名，因为它是匿名的，所以这个提琴更能理解ScrapedCola试图传达的内容，所以它是这样的：在document.ready I do:$'one'。数据'点击'，'no'；$'two'。数据'点击'，'否'；$'img.clicked'。单击Boom；函数boom{ifthis.dataclicked==yes{this.dataclicked，no'；this.css'border'，'none'；alert'sfdfsfd'；}其他{this.dataclicked，yes；this.css'border'，'3px solid cccc'；}；关于html部分：我在使用.data函数时遇到问题，请您指出，我做错了什么？非常感谢。我很抱歉，但该网站不会让我像编辑普通文本一样编辑帖子，我不知道为什么会这样