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

Question

不知道为什么我尝试在 jQuery 中使用 clossest 类，但仍然不走运，基本上我有一个名为 SHARE 的 DIV 类附加到我博客的每个 ARTICLE(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>

附言请忽略 $j 语法，因为我在 Mootools 中使用 jQuery

Answer 1

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

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

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

这是一个 working example .