JQuery元素外包裹元素

2021-09-02 07:30:09 字數 656 閱讀 6405

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

wrapall:用指定的html結構將所有被包裹的元素一起包裹起來。html結構可以是選擇器、html字串、dom元素、jquery物件或元素選擇器接受的字串。如果引數為選擇器或選擇器接受的字串時選中的元素為多個時,只會使用第乙個匹配的元素,並且不會將被選中的元素從dom中刪除。被包裹的元素列中的元素會被依次移動到第乙個被包裹的元素後面,然後再用指定的html結構將它們包裹起來。eg:所有的p元素用div元素包圍起來,$("p").wrapall("div")。

wrapinner:用指定的html結構將元素集中的每個元素的內容包裹起來。html結構可以是選擇器、html字串、dom元素、jquery物件或元素選擇器接受的字串。如果引數為選擇器或選擇器接受的字串時選中的元素為多個時,只會使用第乙個匹配的元素,並且不會將被選中的元素從dom中刪除。eg:所有的p元素內容用b元素包圍起來,$("p").wrapinner("b")。

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

使用wrap時,當引數為普通的html字串時,會將每個匹配的元素直接包裹在傳入的html結構的第乙個子元素的最深處。這是乙個段落。這是另乙個段落。給每個p元素包裹乙個div元素 如上 執行後,dom結構如下 當引數為選擇器,或者選擇器接受的字串時,如果傳入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之間...