html添加兄弟元素,jquery插入兄弟节点的操作方法

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

实例

$self.prepend($selectLi);

解释

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

移动的是selectLi,

append

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

after

实例

$firstLi.after($selectLi);

解释

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

移动的是selectLi

注意：selectLi和firstLi 是兄弟节点

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

与之功能相反的是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插入兄弟节点的操作方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

html添加兄弟元素,jquery插入兄弟节点的操作方法相关推荐

jquery兄弟标签_jquery插入兄弟节点的操作方法
功能:插入指定元素到父元素的第一个位置(最左边) 实例 $self.prepend($selectLi); 解释 self是selectLi的父元素,把self放在selectLi的最前面(最左边), ...
jq 如何获取和当然元素相同类名的标签_jquery获取兄弟元素-jquery获取下一个兄弟元素-jquery获取最后一个兄弟元素...
jquery怎幺获取当前元素的兄弟元素可以使用 siblings() jquery既然有next方法取得下一个元素,那幺有previous方法吗 $("#id").prev(); ...
html如何追加兄弟元素,CSS 相邻兄弟选择器
CSS 相邻兄弟选择器相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素. 选择相邻兄弟如果需要选择紧接在另一个元素后的元素,而且 ...
jQuery获取父节点、子节点、兄弟节点
介绍 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布. jQuery设计的宗 ...
jquery的DOM节点操作(创建和插入元素节点)
1.创建元素节点 2.插入节点动态创建新元素节点后,需要执行插入或追加操作,否则不会在页面显示出来. 按照元素的层次关系来分,可以分为内部和外部两种方法元素内部插入子节点元素内部插入子节点有两种 ...
JS DOM 编程复习笔记--父元素、子元素和兄弟元素（三）
今天我们来复习DOM中的获取父元素.子元素和兄弟元素的API,它们主要有parentNode.firstChild.firstElementChild.lastChild.lastElementChi ...
jquery 在兄弟节点前、或兄弟节点后添加最新元素
使用 jquery 封装好的方法操作 dom,非常方便 1.在兄弟节点前添加最新元素使用 before() 方法演示代码如下 <!DOCTYPE html> <html>& ...
jQuery根据当前节点元素找到父子、兄弟节点元素进行添加或删除
目录 1.查找父子.兄弟节点元素 1)父级 2)子级 3)同级 2.添加删除选中的dom元素 jQuery根据ID删除元素 jquery的删除属性的方法 1.查找父子.兄弟节点元素在操作DOM元素的 ...
【jquery】删除节点添加节点找兄弟节点
一些简单的内容, 加深印象记录下来: $().empty(); //该方法会删除当前节点下的所有子节点,请注意当前节点不会被删除$().remove(); //该方法会删除当前节点下的所有子节点, ...
jquery 获取当前元素的前一个兄弟节点元素
jquery 获取当前元素的前一个兄弟节点元素,可以使用 prev() 方法示例代码 <!DOCTYPE html> <html><head><meta ...

html添加兄弟元素,jquery插入兄弟节点的操作方法

html添加兄弟元素,jquery插入兄弟节点的操作方法相关推荐

最新文章

热门文章