代码之家 › 专栏 › 技术社区 › Huma Ali

jquery中的向上滑动div

slideup jquery-selectors jquery

0

Huma Ali · 技术社区 · 8 年前

我有以下几张专辑

<div class="OffersContainer">
    <div class='special'>A</div>
    <div class='notspecial'>B</div>
    <div class='notspecial'>C</div>
    <div class='notspecial'>D</div>
    <div class='notspecial'>E</div>
    <div class='notspecial'>E</div>
    <span>Show more</span>
</div>

单击span,我想向上滑动,这样只有前3个div的类“notspecial”可见。我尝试了以下代码,但顺序不对

$(offers).filter("div.notspecial:lt(4)").slideUp();

1 回复 | 直到 8 年前

1

2

Mohit Bhardwaj 8 年前

$(".OffersContainer > span").on("click", function(){
  $(".special, .notspecial:gt(2)").slideUp();
});//

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="OffersContainer">
    <div class='special'>A</div>
    <div class='notspecial'>B</div>
    <div class='notspecial'>C</div>
    <div class='notspecial'>D</div>
    <div class='notspecial'>E</div>
    <div class='notspecial'>E</div>
    <span>Show more</span>
</div>