jquery 插入兄弟元素

2021-09-08 19:40:58 字數 1002 閱讀 2432

1、after方法

在匹配元素集合中的每個元素的 後面 插入引數所指定的內容,作為其兄弟節點

引數型別說明:

1)普通字串(可包含各種html標籤)

$('div').after('html字串');

2)jquery物件

①使用$函式建立的新元素(jquery物件)

②使用$函式獲取頁面中已經有的元素(jquery物件)

此時會將已有的元素移動到目標元素的後面

③使用clone方法轉殖頁面中已經有的元素(jquery物件)

3)html元素物件、html元素物件陣列

====以上型別的引數可傳入多個,每個引數都會被插入到匹配元素的後面作為其兄弟節點!===

4)函式

有多少個匹配元素,這個函式就會執行多少次!

函式可以接受到兩個引數:第乙個是當前元素的序號、第二個是當前元素內的html

函式內部this代表當前的html元素物件

return 的資料就是插入的內容(可以為html元素,也可以是jquery物件)

2、before方法

在匹配元素的前面插入內容,作為其兄弟節點

引數型別說明:

同上3、insertafter方法

在目標元素後面插入集合中每個匹配的元素,同after方法(插入的元素作為目標元素的兄弟元素)

與after區別:

使用時目標元素與插入內容的位置 顛倒

建立新元素返回的jquery物件與

選擇頁面中已有元素返回的jquery物件都可呼叫此方法(選擇頁面中已有元素表示將已有的元素移動到目標元素後)!

引數(表示要插入元素的目標位置):

selector或者jquery物件或者html元素物件/html元素物件陣列

4、insertbefore方法

在目標元素前面插入內容(同before)

與before區別:

同上!引數(表示要插入元素的目標位置):

同上!

jquery 遍歷父元素 子元素 兄弟元素

尋找父元素 1.parent 方法,只返回被選元素的直接父元素,只遍歷到上一級的父元素,返回的是乙個元素。2.parents 方法,返回被選元素的所有父元素,一直向上遍歷,直到文件的根元素為止,返回父元素的集合。3.parentsuntil 方法,a.parentsuntil b 返回介於a,b之間...

jquery插入兄弟節點的操作

功能 插入指定元素到父元素的第乙個位置 最左邊 例項 self.prepend selectli 解釋 self是selectli的父元素,把self放在selectli的最前面 最左邊 移動的是selectli,功能 插入指定元素到父元素的最後面 最右邊 例項 firstli.after sele...

jquery兄弟標籤 JQ獲取兄弟元素的值

在之前有遇到過table中jq獲取兄弟元素的值,寫法是var id this parents tr find id text 然後現在碰到的問題是。我的列表不是用的 怎麼獲取它的id呢?我把查詢之後遍歷出來,然後給id img 的是的id,然後再刪除他的時候傳遞過去id,怎麼傳遞呢?var id t...