0
我有一个类叫做.bxSlider
如何将jQuery应用于多个类项目的子项?
我想将这个jQuery应用于所有的.bxSlider
分隔框。不过,我想将一些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>
我使用this
但我无法得到它的工作
完美。工作得很好。我喜欢'.find'解决方案和这个。谢谢。清洁代码。我可以学习和使用这个,从来不知道! – TheBlackBenzKid 2013-02-14 14:50:03
没有probs。很高兴我能帮上忙 – Fraser 2013-02-14 14:50:42