Php 防止切换所有项目
我在for循环中有这行代码: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(); }); <
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();
});