JQuery元素外包裹元素要注意的問題

2021-09-02 13:47:19 字數 1303 閱讀 7665

使用wrap時,當引數為普通的html字串時,會將每個匹配的元素直接包裹在傳入的html結構的第乙個子元素的最深處。

這是乙個段落。

這是另乙個段落。

給每個p元素包裹乙個div元素

如上**執行後,dom結構如下:

當引數為選擇器,或者選擇器接受的字串時,如果傳入wrap的選擇器沒有選中任何元素,則不會做任何操作。在包裹選中元素列表中的每個元素時,都會重新獲取一次元素。

如果傳入wrap的是選擇器選中的元素在首個被包裹的元素之前,多次呼叫的話元素數量會膨脹的非常快。此時第乙個被包裹的元素第n次呼叫後元素數

第m個元素n次呼叫後元素數

如果傳入wrap的是選擇器接受的字串,則第m個元素n次呼叫後元素數

這是乙個段落。

這是另乙個段落。

給每個p元素包裹乙個div元素

為了防止這種情況,需要保證包裹元素的元素在首個被包裹的元素之前。

這是乙個段落。

這是另乙個段落。

給每個p元素包裹乙個div元素

當wrapinner時,當引數為普通的html字串時,會將每個匹配的元素內容直接包裹在傳入的html結構的第乙個子元素的最深處。

這是乙個段落。

這是另乙個段落。

在每個p元素的內容上包裝乙個b元素

當引數為選擇器,或者選擇器接受的字串時,如果傳入wrapinner的選擇器沒有選中任何元素,則不會做任何操作。

如果傳入wrapinner的是選擇器或選擇器接受的字串選中的元素在首個被包裹的元素之前,當傳入wrapinner的引數是選擇器時,每次呼叫只進行一次查詢,此時第乙個被包裹的元素第n次呼叫後元素數

第m個元素n次呼叫後元素數

如果傳入wrapinner的是選擇器接受的字串,在包裹選中元素列表中的每個元素時,都會重新獲取一次元素。則第m個元素n次呼叫後元素數

這是乙個段落。

這是另乙個段落。

在每個p元素的內容上包裝乙個b元素

為了防止這種情況,需要保證包裹元素的元素在首個被包裹的元素之前。

這是乙個段落。

這是另乙個段落。

在每個p元素的內容上包裝乙個b元素

JQuery元素外包裹元素

wrap 用指定的html結構將選中元素集中的每個元素包裹起來。html結構可以是選擇器 html字串 dom元素 jquery物件或元素選擇器接受的字串。與元素內和元素外新增元素不同,wrap不支援多個引數,所以如果引數為選擇器或選擇器接受的字串時選中的元素為多個時,只會使用第乙個匹配的元素,並且...

jquery獲取父元素子元素同級元素

一 獲取父級元素 1 parent expr 獲取指定元素的所有父級元素 href fir href sec href thr href fiv document ready function 獲取指定元素的下乙個同級元素 注意是下乙個同級元素哦 這個例子的結果是,只有list item 4背景色變...

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

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