Question

如何更改jQuery中的代码，该代码将被引用到html中的上述项目？

Html代码如下：

<div class="dramer">
    <ul>
        <li> </li>
        <li> <a class="shares" href="#"> Click </a> </li>
        <li> </li>
        <li> </li>
    </ul>

    <div class="drops"> </div>

</div>

jQuery中的代码：

$('a.shares').click(function (event) {
    event.preventDefault();
    event.stopPropagation();
    $(this).next(."drops").slideToggle(400);    
});

jQuery中的功能旨在显示和隐藏位于展示位置之外的div <li>和<ul>

如何修改代码以隐藏jQuery并显示div？

Answer 1

直接定位

$(".drops").slideToggle(400);

如果您需要它可以识别上下文，这样的事情可能会起作用

$(this).closest(".dramer").find(".drops").slideToggle(400);

Answer 2

~~$ (this). next(. "drops"). slideToggle (400);~~

$(this).closest('.dramer').children('.drops').slideToggle(400);

Answer 3

如何尝试

$ ('a.shares'). click (function (event) {
         event.preventDefault ();
         event.stopPropagation ();
         $(this).parent(".dramer").children(".drops").slideToggle(400);
     });

Answer 4

您应该前往.shares和.drops之间共享的最近的祖先，然后从那里找到.drops：

$(".shares").on("click", toggleDrops);

function toggleDrops (event) {
    $(this).closest(".dramer").find(".drops").slideToggle(400);
    return false;
}

Answer 5

我不确定我明白你的意思。如果你的意思是你想要隐藏你孩子的div，你可以试试这个：

$ ('a.shares'). click (function (event) {
    event.preventDefault ();
    event.stopPropagation ();
    $(".drops").slideToggle (400);
});

在jQuery中引用？

5 个答案: