0

我对 JQuery 很陌生，这可能是一个简单的问题，但我们开始......

我有一个 UL，在每个 LI 中我都有一个图像

  <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 时，我希望其中的图像显示。当单击任何 li 时，我拥有的代码将显示所有图像，但是如何定位和单独显示每个图像。

这是我到目前为止的 JQuery（显示所有图像）

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

3 回答 3

0

这应该这样做：

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

});

您在定位您的列表时也有一些拼写错误，这没有帮助。你可以看到它在这里工作：

http://jsfiddle.net/d7WbW/

于 2013-08-16T15:05:10.070 回答
0 
$('#tumbnail li').on('click', function (event) { 
    event.target.css('display','block')
});
于 2013-08-16T15:05:58.233 回答
0

尝试这个：

$(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/

于 2013-08-16T15:09:09.420 回答