javascript - 我如何使用 jQuery 在单击的元素中选择图像

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')