Jquery 单击图像时,切换所有内部图像

Jquery 单击图像时,切换所有内部图像,jquery,Jquery,我的html看起来像: <a href="..." id="a1"> <img src="..." style="display: block;"> <img src="..." style="display: none;"> </a> 但它不起作用。find是否只获取找到的第一个元素 为什么?您需要从单击处理程序返回false,否则单击时将跟随超链接 此外,您不需要使用每个,只需在查找上调用切换,也可以实现这一目的 这项工作:

我的html看起来像:

<a href="..." id="a1">
    <img src="..." style="display: block;">
    <img src="..." style="display: none;">
</a>
但它不起作用。find是否只获取找到的第一个元素


为什么?

您需要从单击处理程序
返回false
,否则单击时将跟随超链接

此外,您不需要使用
每个
,只需在
查找
上调用
切换
,也可以实现这一目的

这项工作:

$("#a1").click(function() {
  $(this).find("img").toggle();
    return false;
});

您需要从单击处理程序
返回false
,否则单击时将跟随超链接

此外,您不需要使用
每个
,只需在
查找
上调用
切换
,也可以实现这一目的

这项工作:

$("#a1").click(function() {
  $(this).find("img").toggle();
    return false;
});

单击元素#a1时,将执行以下代码,它将切换作为#a1后代的所有图像


单击元素#a1时,将执行以下代码,它将切换作为#a1后代的所有图像

试试这个

$("#a1").click(function() {
  $(this).find("img").toggle();return false;
});
试试这个

$("#a1").click(function() {
  $(this).find("img").toggle();return false;
});