Question

我有一个投资组合项目的显示，当我点击我希望对象出现时，投资组合代码如下 - 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"); });

这样一来，这一行代码就适用于所有情况......

谢谢！

Answer 1

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

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

或find方法：

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

Answer 2

试试这个：

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

jQuery这个和类选择器

2 个答案: