0

我有一个投资组合项目的显示，当我单击我希望对象出现时，投资组合代码如下 - div .info 默认设置为 display:none。

<div class="portfolio-item tango">
                <div class="info">portfolio info</div>
            </div>
            <div class="portfolio-item truvoz">
                <div class="info">portfolio info</div>
            </div>
            <div class="portfolio-item tt">
                <div class="info">portfolio info</div>
            </div>
            <div class="portfolio-item sow">
                <div class="info">portfolio info</div>
            </div>
            <div class="portfolio-item ih">
                <div class="info">portfolio info</div>
            </div>
            <div class="portfolio-item jmm">
                <div class="info">portfolio info</div>
            </div>

当我使用代码片段测试第一个项目时，它工作正常 -

$(".tango").click(function() { $(".tango .info").toggle("fast"); });

但是我想这样做，例如它以这种方式工作

$(".portfolio-item").click(function() { $("this .info").toggle("fast"); });

这样，它只是这一行代码适用于所有情况......

谢谢！

4

2 回答 2

2

您可以使用$(selector, context)：

$(".portfolio-item").click(function() { 
    $(".info", this).toggle("fast"); 
});

或find方法：

$(".portfolio-item").click(function() { 
    $(this).find(".info").toggle("fast"); 
});
于 2012-12-22T18:21:28.433 回答
1

试试这个：

$(".portfolio-item").click(function() { $(".info",this).toggle("fast"); });
于 2012-12-22T18:21:19.593 回答