返回jquery插......登陆

jquery插入兄弟节点的操作方法

巴扎黑2017-01-11 10:13:15739

功能:插入指定元素到父元素的第一个位置(最左边)

实例

$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插入兄弟节点的操作方法请关注PHP中文网(www.php.cn)其他文章! 

最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送