0

这是我当前的标记：

      .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 上查找和切换类？

4

1 回答 1

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'))选择器搜索元素。

于 2013-10-28T16:03:50.500 回答