目标在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/