javascript - jQuery 选择 div 内的 x div

Question

我想隐藏()第二个和第三个div，其中第二个div位于div.first中

<div class="first">
    <div class="another"></div>
    <div class="second"></div>
    <div class="second"></div>  // Hide this
    <div class="second"></div> // Hide this
    <div class="second"></div>
</div>
<div class="first">
    <div class="another"></div>
    <div class="second"></div>
    <div class="second"></div> // Hide this
    <div class="second"></div> // Hide this
    <div class="second"></div>
</div>

我如何选择头等舱内的每个第二和第三个div使用jquery？

Answer 1

尝试使用 .each() 、 .slice()

$(".first").each(function() { $(".second", this).slice(1,3).hide() })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<div class="first">
    <div class="another"></div>
    <div class="second">first</div>
    <div class="second">second</div>  // Hide this
    <div class="second">third</div> // Hide this
    <div class="second">fourth</div>
</div>
<div class="first">
    <div class="another"></div>
    <div class="second">first</div>
    <div class="second">second</div>  // Hide this
    <div class="second">third</div> // Hide this
    <div class="second">fourth</div>
</div>