jQuery從另一個div中顯示/隱藏div中的div

對於jQuery，我有一個相當簡單的問題（關於那些該死的選擇器！）。我的身上有2個div，當我的網站加載時。但是我希望他們在單擊某個圖像時顯示。問題是圖像是在一些其他元素（div's，ul，li）內。jQuery從另一個div中顯示/隱藏div中的div

我做了這個簡單的小提琴來顯示div結構http://jsfiddle.net/MspYV/。所以問題是，如何從其他div /元素到達div的#change_settings_container和.change_settings_translucent？

來源

2011-09-09 Peter Boomsma

你可以張貼的HTML標記上在這裏你的問題？ jsfiddle今天運行不好：\ –

的div的#change_settings_container它的那樣簡單$("#change_settings_container")

來源

2011-09-09 17:45:44

嘿喬斯，$符號代表什麼？身體選擇器？ –

@Peter Boomsma'$（something-in-here）'是jQuery如何選擇元素。我們在這裏使用的是一個id選擇器'$（「＃id-of-attribute」）'。你可以閱讀更多關於它[這裏]（http://api.jquery.com/id-selector/）。您可能正在使用jQuery（如jQuery（「＃change_settings_container」）），但它們的工作方式相同（後者是無衝突模式版本）。 –

嘿，這是我的一個愚蠢的評論，我知道這一點。但問題是我如何選擇身體中的div？我會在你給出的鏈接上讀一點（ps，你怎麼能發表代碼註釋？） –

$("span.change_settings_close_button img").click(function(){ 
    $('div.change_settings_translucent').hide(); 
}); 

$("span.toggle").click(function(){ 
    $('div.change_settings_translucent, div#change_settings_container').toggle(); 
});

在這裏看到一個例子：http://jsfiddle.net/expertCode/K2znp/

來源

2011-09-09 17:51:12 expertCode

嗨ExpertCode，它沒有太多關於選擇圖像，但如何點擊圖像關閉一個div在body中，而不是與圖像相同的div結構。 –

我更改了代碼。這就是你想要的？ – expertCode

嘿謝謝，這是理想，但問題是，jQuery無法找到它需要隱藏的div，因爲它們是完全不同的div。 –

<script> 
    $(document).ready(function() { 
     $(".small-image img").click(function() { 
      $(".main-image img").hide(); 
      $(".small-image img").show(); 
      var imgsrc = $(this).attr("src"); 
      $(".main-image").addClass("img"); 
      $(".img").css('background-image', 'url(' + imgsrc + ')'); 
     }); 
    }); 
</script>

來源

2014-06-17 14:09:47 user3748874

你想添加一個解釋給你的答案？因爲它不清楚爲什麼這個答案應該脫穎而出 – secretformula

jQuery從另一個div中顯示/隱藏div中的div

回答

相關問題