Question

我有一堆带有类的缩略图容器，然后是两个容器，如下所示：

<div id="color_dance" class="thumb">
    <img class="thumb_img" src="http://www.klossal.com/portfolio/tile_dance_color.jpg">
    <div class="thumb_info info_color_2"><p class="tile_info_1"> Space Series</p><p class="tile_info_2">Photoshop, Wacom Tablet</p></div>
</div>

当您点击它时，我想将所有.thumb_info元素上的类从info_color_3切换到info_color_2，除了单击的那个，相反的情况下，将类切换为{ {1}}至info_color_2。

这是我提出的JS，但它不起作用，我不知道为什么。

info_color_3

Answer 1

您无法拨打find('.thumb_info').function()。您可以在.switchClass()返回的元素上调用.find()。

尝试使用以下代码：

$(".thumb").click(function() {
    $(".thumb_info").not(this).switchClass("info_color_3", "info_color_2", 300);

    $(this).find('.thumb_info').switchClass("info_color_2", "info_color_3", 300);
});

DEMO

Answer 2

我还没有使用过这个功能，但你忘了“$（this）.find（'。thumb_info'）之间的”每个“。”和“功能”？

试试这个：

$(".thumb").click(function() {
   $(".thumb_info").not(this).switchClass( "info_color_3", "info_color_2", 300 );
   $(this).find('.thumb_info').each(function() {
     $(this).switchClass( "info_color_2", "info_color_3", 300 );
   });
});

jquery ui切换类函数

2 个答案:

DEMO