热门关键字:
jquery > jquery教程 > jquery教程 > jquery 选中一个li在第四个li后插入新的li

jquery 选中一个li在第四个li后插入新的li

391
作者:管理员
发布时间:2021/6/9 15:08:29
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4913
  功能:插入指定元素到父元素的第一个位置(最左边)


  实例


  $self.prepend($selectLi);


  解释


  self是selectLi的父元素,把self放在selectLi的最前面(最左边),


  移动的是selectLi,


  append


  功能:插入指定元素到父元素的最后面(最右边)


  after


  实例


  $firstLi.after($selectLi);


  解释


  把selectLi放在firstLi的后面(右边),


  移动的是selectLi


  注意:selectLi和firstLi 是兄弟节点


  next


  功能:获取下一个兄弟节点,


  与之功能相反的是prev


  实例


  while($selectLiYears>firstLiYears){


  $firstLi=$firstLi.next();


  hasExpandClicked=true;


  firstLiYears=$firstLi.data('years');


  }


  解释


  获取下一个兄弟节点


  获取指定索引的子元素


  实例


  var $selectLi=$self.find('li:nth-child('+(srcIndex)+')');


  var $firstLi=$self.find('li:first');


  $("p:nth-child(3)")


  解释


  :first表示获取第一个元素,


  :last表示获取最后一个元素,


  nth-child(2)表示获取第2个元素




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐