Question

这里有很多类似的例子，但到目前为止我所做的一切似乎都没有用。

<script type="text/javascript">
    $('.check').on('click', function() {
        var element = $(this).next('.photo');
        $(element).toggleClass('selected');
    });
</script>

这是html：

<div class="box">
    <a class="check" href="#"></a>
    <img class="photo" src="/image.jpg">
</div>
<div class="box">
    <a class="check" href="#"></a>
    <img class="photo" src="/image.jpg">
</div>
<div class="box">
    <a class="check" href="#"></a>
    <img class="photo" src="/image.jpg">
</div>

等等。

我想要做的是，当你点击一个标签时，它会在同一个div内的图像中添加一个类。我希望能够拥有多个图像＆＃34;选择＆＃34;。不只是一个。

感谢您的帮助！

Answer 1

利用.nextAll()使用提供的选择器选择当前元素旁边的所有元素，

尝试，

var element = $(this).nextAll('.photo');

Answer 2

试试这个

$('.check').on('click', function() {
    $(this).siblings('img').toggleClass('selected');
});

这会抓取所点击锚点的img siblings()并切换其selected类。

Answer 3

这应该适用于你想要做的事情。

$('.check').click(function()
{
    $(this).find('.photo').toggleClass('selected');
});

单击“链接”在相邻元素上添加类

3 个答案: