[英]jQuery select x div inside div
I want to hide() the 2nd and 3rd div with class second inside div.first 我想在div.first内部隐藏类第二和第二个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 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>
How can I select that every 2nd and 3rd div inside first class with jquery ? 如何使用jquery在头等舱内选择每个第二和第三div?
Try using .each()
, .slice()
尝试使用.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>
You can use nth-child
for that 您可以使用nth-child
$('.second:nth-child(3), .second:nth-child(4)', '.first').hide();
$('.second:nth-child(3), .second:nth-child(4)', '.first').hide();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="first"> <div class="another">1</div> <div class="second">2</div> <div class="second">3</div> <!-- Hide this --> <div class="second">4</div> <!-- Hide this --> <div class="second">5</div> </div> <div class="first"> <div class="another">1</div> <div class="second">2</div> <div class="second">3</div> <!-- Hide this --> <div class="second">4</div> <!-- Hide this --> <div class="second">5</div> </div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.