Question

这是我的HTML。注意，我有一个带有图片的h3标签

<h3 class="title" id="1">Metal Roof Colors <img src="/sites/default/files/arrow-white.png" class="title-img flip"></h3>

我有4个这样的标题，我只需要旋转单击标题上的图像。以下是我的jQuery，但它会翻转所有四个图像。我不知道。

if($(window).innerWidth() <= 775) {
    $('.expand').addClass('hidden');
        $('.title').on('click', func);
            function func(e) {
                e.preventDefault();
                    $('.title-img').toggleClass('flip');
                    $(this).next('.expand').toggleClass('hidden');
            }
    }

Answer 1

当前按类别选择所有匹配元素的位置：

$('.title-img')

通过点击的元素进行过滤：

$('.title-img', this)

或者类似的东西：

$(this).find('.title-img')

Answer 2

这就是我要做的：

if ($(window).innerWidth() <= 775) {
  $('.expand').addClass('hidden');
  $('.title').on('click', function(e) {
    e.preventDefault();
    $(this).find(".title-img").toggleClass('flip');
    $(this).next('.expand').toggleClass('hidden');
  });

}

Here is the JSFiddle demo

如何使用jQuery在单击的元素内选择图像

2 个答案: