什么是一个好的方法来添加一系列的一系列元素,取决于它们中有多少个?
因此,在这种情况下,如果有两个或更少的项,则类是“一半”
-如果少于8个,则应为应用于它们的“四分之一”类。
是否有方法根据一个部分中有多少个“项”来添加/删除类?
<section>
<div class="item half"> 1 </div>
<div class="item half"> 2 </div>
</section>
<section>
<div class="item quarter"> 1 </div>
<div class="item quarter"> 2 </div>
<div class="item quarter"> 3 </div>
<div class="item quarter"> 4 </div>
<div class="item quarter"> 5 </div>
</section>
最佳答案
你可以试试这个:
$(document).ready(function(){
$('section').each(function(i, sect){
var itemsInSection = $(sect).children('.item');
var count = itemsInSection.length;
if(count < 3){
itemsInSection.addClass('half');
}else if(count < 8){
itemsInSection.addClass('quarter');
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section>
<div class="item half"> 1 </div>
<div class="item half"> 2 </div>
</section>
<section>
<div class="item quarter"> 1 </div>
<div class="item quarter"> 2 </div>
<div class="item quarter"> 3 </div>
<div class="item quarter"> 4 </div>
<div class="item quarter"> 5 </div>
</section>