Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 防止切换所有项目_Php_Jquery - Fatal编程技术网

Php 防止切换所有项目

Php 防止切换所有项目,php,jquery,Php,Jquery,我在for循环中有这行代码: echo '<toggle_me style="display: none"><img align="center" src="images/icon/pdf_mail.png" /></a></toggle_me>'; echo'; 使用此jQuery: <script> $("img").click(function () { $("toggle_me").toggle(); }); <

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

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

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

$(“img”)。单击(函数()
{
$(“toggle_me”).toggle();
});
当然,这会切换所有图像,我如何只能切换单击的图像?

使用

$(this.parent().toggle()而不是
$(“toggle_me”)。toggle()


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

您真的创建了自己的HMTL标记吗?你疯了?请仔细阅读,然后使用jQuery中的css选择器选择切换器/IMG

例如:

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

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

您的HTML似乎已损坏,没有开口,也不是有效的HTML标记。谢谢您向我解释。Fow以隐藏图像开始?我已尝试event.preventDefault();但这行不通。$('.toggler img').hide();如果启用了JS,则将隐藏所有内容。我不会使用$('.toggler img').hide()获得任何结果;即使放入ready(function()。我认为这将隐藏所有图像以及可以切换的图像。它将使用一个“toggler”类隐藏元素中的所有“img”标记。否则,您可以使用CSS。
$('.toggler span').click(function(){
    $(this).prev().toggle();
});