目標在UL

Question

8個形象之一

我EW jQuery的，這是概率一個簡單的問題，但在這裏，我們去....

我有UL和每個L1我有一個形象

<ul id="thumnail"> 
    <li id="tab 1"> <img class="tagline"> </li> 
    <li id="tab 2"> <img class="tagline"> </li> 
    <li id="tab 3"> <img class="tagline"> </li> 
    <li id="tab 4"> <img class="tagline"> </li> 
    </ul> 

圖像是隱藏的，當你點擊每一個李我希望其中的圖像顯示。當我點擊任何一個li時，我所擁有的代碼將顯示所有圖像，但是如何針對並顯示每個圖像。

這裏是JQuery的我迄今（顯示所有圖片）

$('#tumbnail li').on('click', function() { 
             $('.tagline').css('display','block') 

Answer 1

這應做到：

$('#thumbnail li').on('click', function() { 
      $(this).children(".tagline").show(); 

}); 

也有一些錯別字針對您的清單，其中WASN」幫助。你可以看到它在這裏工作：

http://jsfiddle.net/d7WbW/

Answer 2

$('#tumbnail li').on('click', function (event) { 
    event.target.css('display','block') 
}); 

Answer 3

試試這個：

$(document).ready(function() { 
    $('#thumnail li').on('click', function() { 
     $(this).find("img").show(); 
     // you can use toggle() to show/hide image on every click 
     //$(this).find("img").toggle(); 
    }); 
}); 

這裏是一個充分打碼：http://jsfiddle.net/maximua/7mK8c/