标签 javascript jquery html css
<分区>
我有奇数个元素。
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
我想知道如何在 jQuery 中给它们一个带编号的类，从中间元素开始计数，如下所示:
<div class="line no2"></div>
<div class="line no1"></div>
<div class="line no0"></div>
<div class="line no1"></div>
<div class="line no2"></div>
有人吗？
编辑:
之前，我会检查元素的数量。如果数量是偶数，我将添加一个附加元素以获得奇数个元素。
我想获得一个圆形的文字形状，like this example (see curve) .行数并不重要，因为中间一行 <div class="line no0"></div>将是圆的垂直中心。
最佳答案
试试这个:
var middle=Math.ceil($("div").length/2);
var divs=$("div.line");
divs.each(function (){
$(this).addClass('no'+Math.abs(middle-(divs.index($(this))+1)));
});
http://jsbin.com/IKiGexIr/5/edit
较短的版本:(PSL)
var middle=Math.ceil($("div").length/2),divs=$("div.line");
divs.addClass(function (i){ return 'no'+ Math.abs(middle-(i+1)); });
关于javascript - jQuery中从中间元素开始的数字元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20807220/