Question

好的不确定为什么我尝试在jQuery中使用clossest类但仍然没有运气，基本上我有一个名为SHARE的DIV类附加到我的博客的每个文章（POST），现在当我或任何人点击分享我希望隐藏LI以显示附加功能ex; Facebook，Twitter和电子邮件分享。

我制作了这个诀窍的脚本

$j(".share").live("click", function() {
         $j("li").toggle("slow");
});

但上面代码位的问题是它会显示所有文章的所有隐藏的LI元素我将如何将其附加到单个元素？

代码附加到class =“article”中的DIV元素

        <div class="date">$article_d<br><span>$article_m</span></div>
        <div class="share">share
             <ul>
             <li style="margin-left: 5px;display: none;">
                 <a href="$facebook_share">$facebook_share_img</a>
             <a href="$twitter_share">$twitter_share_img</a>
             <a href="$email_share">$email_share_im</a>
             </li>
             </ul>
        </div>

P.S。因为我正在使用带有Mootools的jQuery

，所以请输入$ j语法

Answer 1

$j(".share").live("click", function() {
   $j(this).find("li").toggle("slow");
});

find方法会在点击的li中选择任何div元素。由于示例中的li元素是所点击的div的后代，因此这应该可以正常工作。

但是，请注意，如果li中有任何其他div元素，它们也会受到影响。

这是working example。

Answer 2

您可能可以使用SuperFish。 Superfish实际上是用于菜单导航，但我认为您尝试做的原则是相同的。

切换附加到最近类的div元素

2 个答案: