jQuery count div,分为两个并在它们之间添加

时间:2015-05-04 06:12:27

标签: javascript jquery css

告诉我如何制作jQuery: 计算<div class="one">,分为两个并在它们之间添加<div class="two">

/div class="one"/可以是不同的数字

JsFiddle

3 个答案:

答案 0 :(得分:1)

你想在one div的一半之后添加一个div:

var count = Math.floor($('.one').length / 2);
$('.one').eq(count).after('<div class="two">d</div>');

演示:https://jsfiddle.net/c8b8tnm3/2/

答案 1 :(得分:0)

您可以使用类选择器查找所有one元素,然后使用其count(length属性)查找其中间并插入新元素

var $ones = $('.one');
$ones.eq(Math.floor(($ones.length-1)/2)).after('<div class="two"></div>')

演示:Fiddle

答案 2 :(得分:0)

试试这个,这可能会对你有帮助。

   var ones=$('.one');
   var indexofOne=$('.one').length/2;
   indexofOne=Math.floor(indexofOne);
   var insertPosition=$('.one')[indexofOne];
   $(insertPosition).after($('<div class="two">'));

JSFiddle