在单击和切换类时查找特定的 div

Question

这是我当前的标记：

      .image_container{style: 'background-image: url(' + item['image'] + ')'}

      [...]

        .product_images_link{data: {id: item["objectId"]}}

      %form.product_info{action: "post", id: "item_#{item['objectId']}"}
        %h3.title= item['name']
        %a.remove

我有一个 CoffeeScript 函数，可以在 a.remove 上切换类“.add”。我想单击此链接也将“未选择”类切换为“.image_container”。

我当前的函数如下所示：

 toggleProduct: (evt) ->
   button = $(evt.currentTarget)
   button.toggleClass 'add'
   $(evt.currentTarget).find('.image_container').toggleClass 'unselected'

如何在 .image_container 上查找和切换类？

Answer 1

.image_container 是按钮的子元素吗？如果是这样，您的代码应该可以工作。以下是我认为您正在尝试实现的一种变体：

http://jsfiddle.net/nhahV/

如果它不在按钮内，你只需要使用不同的 jQuery 搜索来找到它：

http://jsfiddle.net/nhahV/1/

如您所见，我使用的是$button.parent().find('img')。

您还可以为其分配一个 id，并根据该按钮具有的某些属性进行切换：

http://jsfiddle.net/nhahV/2/

我为按钮添加了一个 data-toggle 属性，其 id 值为您想要切换的任何值，并使用 $('#' + $button.attr('data-toggle')) 选择器搜索元素。