jQuery 文檔操作提供了 wrap() 方法用以將每個(gè)被選元素放置在指定的 HTML 內(nèi)容或元素中,從而實(shí)現(xiàn)為指定元素添加父元素的效果。類似地,unwrap() 方法刪除被選元素的父元素。
為光明等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù),及光明網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)、光明網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長期合作。這樣,我們也可以走得更遠(yuǎn)!
1、基本語法
$(selector).wrap(wrapper)
參數(shù)說明:wrapper,必需。規(guī)定包裹被選元素的內(nèi)容??赡艿闹?
HTML 代碼 - 如 ("div/div")
新元素 - 如 (document.createElement("div"))
已存在的元素 - 如 ($(".div1"))
2、示例說明
$("p").wrap("div/div");???//?在?div?元素中包裹每個(gè)段落
jquery獲取父元素比如;parent(),parents,closest(),這些都可以查找父元素或節(jié)點(diǎn),具體步驟如下:
一.parent([expr])
用一個(gè)包含著所有匹配元素的唯一父元素的元素集合。
你用可選的表達(dá)式來篩選。
如下:
1.$('#item1').parent().parent;
二.parent
得到含有子元素或者文本的元素
如下:
1.$('li:parent');
2.parents([expr])
得到一個(gè)包含著所有匹配元素的祖先元素的元素集合??梢酝ㄟ^一個(gè)可選的表達(dá)式進(jìn)行篩選。
如下:
1.$('#items').parents('.parent1');
三.closest([expr])
closest會(huì)首先檢查當(dāng)前元素是否匹配,如果匹配則直接返回元素本身。如果不匹配則向上查找父元素,一層一層往上,直到找到匹配選擇器的元素。如果什么都沒找到則返回一個(gè)空的jQuery對象。
這樣:
ul class="parent1"
lia href="#" id="item1"jquery獲取父節(jié)點(diǎn)/a/li
lia href="#"jquery獲取父元素/a/li
/ul
擴(kuò)展資料:
注意事項(xiàng)
parent是指取得一個(gè)包含著所有匹配元素的唯一父元素的元素集合。
parents則是取得一個(gè)包含著所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通過一個(gè)可選的表達(dá)式進(jìn)行篩選。
可以看出parent的取值很明確,就是當(dāng)前元素的父元素;parents則是當(dāng)前元素的祖先元素。
div id='div1'
div id='div2'p/p
/divdiv id='div3' class='a'p/p/div
div id='div4'p/p/div
/div
jquery獲取父元素方法比較多,比如parent(),parents(),closest()這些都能幫你實(shí)現(xiàn)查找父元素或節(jié)點(diǎn),下面我們來一一講解: 先舉個(gè)例子, 1. 2.jquery獲取父節(jié)點(diǎn) 3.jquery獲取父元素 4. 我們的目的是通過 id 為 item1 的便簽a取到 class 為 par.