jquery - 如何仅更改下一个 h2 的背景图像

Question

j查询

 $(document).ready(function() {
    $(".nag").click(function(){
        $(".nag").not(this).next(".zaw").slideUp("slow");
        $(this).next(".zaw").slideToggle("slow");
        $("h2").css("background-image", "url(img/arr_top.png)");    
        });
    });

HTML

    <div class="nag">
       <h2>H2</h2>
    </div>
    <div class="zaw">
     </div>
<div class="nag">
       <h2>H2</h2>
    </div>
    <div class="zaw">
     </div> 
<div class="nag">
       <h2>H2</h2>
    </div>
    <div class="zaw">
     </div>     

您好，这是我在单击其中一个 div 后向上滑动 div 的代码。第二次单击 slideToggle 后。

我应该在 jquery 中添加什么以仅在单击后更改下一个 h2 的背景图像(现在单击后所有 h2 都更改)并且在第二次单击后背景图像返回到背景图像的第一个值(img/arr.png )

非常感谢你的帮助，因为这件事看起来很简单，我有两天时间在不同的地方添加 .next() :)

Answer 1

目前您获得的是全局选择器，即 h2，而不是在点击的元素内使用 h2。

替换这个:

$("h2").css("background-image", "url(img/arr_top.png)");   

有了这个:

$(this).find("h2").css("background-image", "url(img/arr_top.png)");