如何将jQuery应用于多个类项子项？

我有一个名为

.bxSlider

我想将此jQuery应用于所有

.bxSlider

Div框。但是，我想对单个框应用一些jQuery

$(document).ready(function(){
    // LOAD ITEM SLIDER
    $('.bxslider').bxSlider({
        pager:false     
    });
    // BLACK IMAGE HOVERS
    $(".bxslider").hover(function() {
        $(this)(".bx-wrapper .bx-prev").css("background-image", "url(//www.cdn.com/running/left_arrow_off.png)");
        $(this)(".bx-wrapper .bx-next").css("background-image", "url(//www.cdn.com/running/right_arrow_off.png)");
    }, function() {
        $(this)(".bx-wrapper .bx-prev").css("background-image", "url(//www.cdn.com/running/left_arrow_on.png)");
        $(this)(".bx-wrapper .bx-next").css("background-image", "url(//www.cdn.com/running/right_arrow_on.png)");
    });
});

HTML代码，因此您可以看到我如何使用多个框

<div class="items">
    <div class="bxslider bx-wrapper">
        Hello <a class="bx-prev" href=""></a>
        Goodbye <a class="bx-next" href=""></a>
    </div>
    <div class="bxslider bx-wrapper">
        Hello <a class="bx-prev" href=""></a>
        Goodbye <a class="bx-next" href=""></a>
    </div>
</div>

你好
再见
你好
再见

---

我正在使用

此

，但假设.bx prev是.bxSlider ie的子项，我无法使其工作

：

<div class="bxSlider bx-wrapper">
  <div class="bx-prev"></div>
</div>

如果要将.bx滑块的父级作为目标，则可以执行以下操作：

$(this).closest("#desiredParentId").css("background-image", "url(//www.cdn.com/running/left_arrow_off.png)")

---

完美的效果很好。我喜欢

.find

解决方案和这个。谢谢代码也很干净。我可以学习和使用这个，从来都不知道！没问题。很高兴我能帮忙

$(this).closest("#desiredParentId").css("background-image", "url(//www.cdn.com/running/left_arrow_off.png)")