jquery如何增加父标签

今天小编给大家分享一下jquery如何增加父标签的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

在网站设计、网站建设中从网站色彩、结构布局、栏目设置、关键词群组等细微处着手,突出企业的产品/服务/品牌,帮助企业锁定精准用户,提高在线咨询和转化,使成都网站营销成为有效果、有回报的无锡营销推广。创新互联建站专业成都网站建设10年了,客户满意度97.8%,欢迎成都创新互联客户联系。

在jquery中,可以利用wrap()函数来给指定元素增加父标签。增加方法:1、利用jquery选择器选取指定元素对象,语法“$(selector)”;2、使用wrap()函数给获取的元素对象增加一个指定父元素,语法“元素对象.wrap(html|ele|fn)”。

在jquery中,可以利用wrap()函数来给指定元素增加父标签。

jquery wrap()

wrap() 方法使用指定的 HTML 元素来包裹每个被选元素,即在被选元素外面增加一个父元素。

这种包装对于在文档中插入额外的结构化标记最有用,而且它不会破坏原始文档的语义品质。这个函数的原理是检查提供的第一个元素(它是由所提供的HTML标记代码动态生成的),并在它的代码结构中找到最上层的祖先元素--这个祖先元素就是包裹元素。当HTML标记代码中的元素包含文本时无法使用这个函数。因此,如果要添加文本应该在包裹完成之后再行添加。

语法:

$(selector).wrap(html|ele|fn)

jquery如何增加父标签

参数说明:

  • html参数描述:把所有的段落用一个新创建的div包裹起来

$("p").wrap("
");

  • elem参数描述:用ID是"content"的div将每一个段落包裹起来

$("p").wrap(document.getElementById('content'));

  • 回调函数 描述:用原先div的内容作为新div的class,并将每一个元素包裹起来


  Hello
  Goodbye
$('.inner').wrap(function() {   return ''; });

结果:


  
    Hello
  
  
    Goodbye
  

wrap()增加父标签的示例

给每个

元素添加一个 父元素



	
		
		
		
		
			div {
				background-color: yellow;
			}
		
	
	

		

这是一个段落。

这是另一个段落。

jquery如何增加父标签

以上就是“jquery如何增加父标签”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注创新互联行业资讯频道。


本文标题:jquery如何增加父标签
网页路径:http://azwzsj.com/article/pcjide.html

其他资讯