Jquery 获取同一行中的最后一个元素

我有一段代码，我想在元素所在的行之后插入div。我可以对行中的最后一个元素这样做。问题是我不知道如何对同一行中的其余元素执行此操作

HTML

Jquery

$('.info').on('click',function(){
  $('.info').removeClass('active');
  $(this).addClass('active');

  if(($(this).index('.info')+1)%3===0)
  {
    $('.newdiv').insertAfter($(this)).show();
  }

});

---

演示

计算3thd元素的索引：

  var index = $(this).index('.info');
  var afterIndex = index - index % 3 + 2;
  var all = $('.info');
  if (afterIndex >= all.length) {
     afterIndex = all.length - 1;
  }
  $('.newdiv').insertAfter(all.eq(afterIndex)).show();

---

计算3thd元素的索引：

  var index = $(this).index('.info');
  var afterIndex = index - index % 3 + 2;
  var all = $('.info');
  if (afterIndex >= all.length) {
     afterIndex = all.length - 1;
  }
  $('.newdiv').insertAfter(all.eq(afterIndex)).show();

---

计算3thd元素的索引：

  var index = $(this).index('.info');
  var afterIndex = index - index % 3 + 2;
  var all = $('.info');
  if (afterIndex >= all.length) {
     afterIndex = all.length - 1;
  }
  $('.newdiv').insertAfter(all.eq(afterIndex)).show();

---

计算3thd元素的索引：

  var index = $(this).index('.info');
  var afterIndex = index - index % 3 + 2;
  var all = $('.info');
  if (afterIndex >= all.length) {
     afterIndex = all.length - 1;
  }
  $('.newdiv').insertAfter(all.eq(afterIndex)).show();

只是一个简单的数学

试试这个

$('.info').on('click',function(){
  $('.info').removeClass('active');
  $(this).addClass('active'); 
  var xIndexAdded = $(this).index('.info') + (2 - ($(this).index('.info')%3));     
  $('.newdiv')
     .insertAfter(($('.info').eq((xIndexAdded>=$('.info').length)?$('.info').length-1:xIndexAdded))) 
     .show();  
});

只是一个简单的数学

试试这个

$('.info').on('click',function(){
  $('.info').removeClass('active');
  $(this).addClass('active'); 
  var xIndexAdded = $(this).index('.info') + (2 - ($(this).index('.info')%3));     
  $('.newdiv')
     .insertAfter(($('.info').eq((xIndexAdded>=$('.info').length)?$('.info').length-1:xIndexAdded))) 
     .show();  
});

只是一个简单的数学

试试这个

$('.info').on('click',function(){
  $('.info').removeClass('active');
  $(this).addClass('active'); 
  var xIndexAdded = $(this).index('.info') + (2 - ($(this).index('.info')%3));     
  $('.newdiv')
     .insertAfter(($('.info').eq((xIndexAdded>=$('.info').length)?$('.info').length-1:xIndexAdded))) 
     .show();  
});

只是一个简单的数学

试试这个

$('.info').on('click',function(){
  $('.info').removeClass('active');
  $(this).addClass('active'); 
  var xIndexAdded = $(this).index('.info') + (2 - ($(this).index('.info')%3));     
  $('.newdiv')
     .insertAfter(($('.info').eq((xIndexAdded>=$('.info').length)?$('.info').length-1:xIndexAdded))) 
     .show();  
});

---

@未定义见演示，你会理解的。一行有3个div。点击时div@Ace我现在没有时间做一个样本，但是您可以使用模块来检测它是第一个、第二个还是第三个。然后可以使用

.nextAll（'.info'）

查找需要插入的元素。@undefined tnx。我是第一次使用索引，不知道如何正确使用它。@undefined请看演示，你会明白的。一行有3个div。点击时div@Ace我现在没有时间做一个样本，但是您可以使用模块来检测它是第一个、第二个还是第三个。然后可以使用

.nextAll（'.info'）

查找需要插入的元素。@undefined tnx。我是第一次使用索引，不知道如何正确使用它。@undefined请看演示，你会明白的。一行有3个div。点击时div@Ace我现在没有时间做一个样本，但是您可以使用模块来检测它是第一个、第二个还是第三个。然后可以使用

.nextAll（'.info'）

查找需要插入的元素。@undefined tnx。我是第一次使用索引，不知道如何正确使用它。@undefined请看演示，你会明白的。一行有3个div。点击时div@Ace我现在没有时间做一个样本，但是您可以使用模块来检测它是第一个、第二个还是第三个。然后可以使用

.nextAll（'.info'）

查找需要插入的元素。@undefined tnx。我是第一次使用索引，不知道如何正确使用它。@Ace解决了这个问题@Ace解决了这个问题@Ace解决了这个问题@Ace解决了这个问题。！