jQuery点击功能不能正常工作

Question

我正在尝试通过jQuery创建点击事件

下面是HTML代码

<div class="wpcart_gallery" style="text-align:center; padding-top:5px;">

<a class="thickbox cboxElement"  href="0037.jpg" rev=" 0037.jpg">
<img class="attachment-gold-thumbnails colorbox-736" width="50" height="50" src="0037-50x50.jpg">
</a>

<a class="thickbox cboxElement"  href="0038.jpg" rev=" 0038.jpg">
<img class="attachment-gold-thumbnails colorbox-736" width="50" height="50" src="0038-50x50.jpg">
</a>

<a class="thickbox cboxElement"  href="0039.jpg" rev=" 0039.jpg">
<img class="attachment-gold-thumbnails colorbox-736" width="50" height="50" src="0039-50x50.jpg">
</a>

</div>

请注意，图像链接的类名称为thickbox cboxElement。当页面加载的类cboxElement从div中的第一个图像中删除时，我尝试做的是当用户单击任何图像时，从该图像链接中删除类名cboxElement，并将类cboxElement添加到其他图像链接中。

<script type="text/javascript">
    jQuery('document').ready(function($){
         $(".wpcart_gallery a:first").removeClass("cboxElement");
         jQuery(".wpcart_gallery img").click(function($){
             jQuery(".wpcart_gallery a").removeClass('cboxElement').siblings().addClass('cboxElement');
        });
    });
</script>

上面的代码适用于…有点像。它从第一个图像链接中删除了类名cboxElement，但单击事件不起作用，当我单击任何图像时，它会将类cboxElement添加到所有图像链接中。

我要做的是将类cboxElement添加到所有图像链接中，除了被单击的链接。

我在我的错误控制台中没有收到jQuery代码的错误，jquery.js文件在头文件中并且工作正常。

下面是一个…示例注意大图下面的3张图。http://www.taranmarlowjewelry.com/products-page/rings/product-1-2/

Answer 1

当你做一个

 jQuery(".wpcart_gallery a")

您将获得div中所有标签的列表，而不是您单击的标签。因此，当第一次删除类，然后将其添加到所有兄弟类时，意味着：

1. 从所有标签中删除类
2. 将类添加到所有标签中

要获取属于所单击图像的a，请执行以下操作：

jQuery(this).closest('a')

希望这能起作用！

Answer 2

删除$ from函数参数

jQuery(".wpcart_gallery img").click(function(){
             jQuery(".wpcart_gallery a").removeClass('cboxElement').siblings().addClass('cboxElement');
        });