jQuery 文档操作提供了 wrap() 方法用以将每个被选元素放置在指定的 HTML 内容或元素中,从而实现为指定元素添加父元素的效果。类似地,unwrap() 方法删除被选元素的父元素。
为光明等地区用户提供了全套网页设计制作服务,及光明网站建设行业解决方案。主营业务为网站设计、成都网站设计、光明网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
1、基本语法
$(selector).wrap(wrapper)
参数说明:wrapper,必需。规定包裹被选元素的内容。可能的值:
HTML 代码 - 如 ("div/div")
新元素 - 如 (document.createElement("div"))
已存在的元素 - 如 ($(".div1"))
2、示例说明
$("p").wrap("div/div"); // 在 div 元素中包裹每个段落
jquery获取父元素比如;parent(),parents,closest(),这些都可以查找父元素或节点,具体步骤如下:
一.parent([expr])
用一个包含着所有匹配元素的唯一父元素的元素集合。
你用可选的表达式来筛选。
如下:
1.$('#item1').parent().parent;
二.parent
得到含有子元素或者文本的元素
如下:
1.$('li:parent');
2.parents([expr])
得到一个包含着所有匹配元素的祖先元素的元素集合。可以通过一个可选的表达式进行筛选。
如下:
1.$('#items').parents('.parent1');
三.closest([expr])
closest会首先检查当前元素是否匹配,如果匹配则直接返回元素本身。如果不匹配则向上查找父元素,一层一层往上,直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。
这样:
ul class="parent1"
lia href="#" id="item1"jquery获取父节点/a/li
lia href="#"jquery获取父元素/a/li
/ul
扩展资料:
注意事项
parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。
可以看出parent的取值很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。
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()这些都能帮你实现查找父元素或节点,下面我们来一一讲解: 先举个例子, 1. 2.jquery获取父节点 3.jquery获取父元素 4. 我们的目的是通过 id 为 item1 的便签a取到 class 为 par.