防止切換所有項目

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> 

Ofcourse這種切換的所有圖像，我怎麼只能切換一個點擊？

Answer 1

你實際上是由你自己的HMTL標籤？你瘋了？請閱讀約Classes and IDs，然後在jQuery中使用這些CSS選擇器來選擇切換器/ 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元素添加單擊事件...