防止切换所有项目

Question

我在for循环中有这行代码：

echo '<toggle_me style="display: none"><img align="center" src="images/icon/pdf_mail.png" /></a></toggle_me>';

使用这个jQuery：

<script>
$("img").click(function ()
{
    $("toggle_me").toggle();
});
</script>

当然这会切换所有图像，我怎样才能切换单击的图像？

Answer 1

你真的编造了自己的HMTL标签？你疯了？请阅读Classes and IDs，然后在jQuery中使用这些css选择器来选择togglers / imgs。

例如：

<div class="toggler">
    <img src="..." />
    <span>Toggle</span>
</div>

jQuery的：

$('.toggler span').click(function(){
    $(this).prev().toggle();
});

这是一个非常快速的解决方案应该适合您，我强烈建议您阅读有关课程/ ID和选择器的内容，您将很容易看到如何根据需要改进此代码。

Answer 2

使用

$(this).parent().toggle();代替$("toggle_me").toggle();

最好是在toggle_me元素上添加click事件......