jquery怎么删除html属性

Posted php中文网最新课程

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery怎么删除html属性相关的知识,希望对你有一定的参考价值。

jquery怎么删除html属性

源 / php中文网      源 / www.php.cn


有时我们可能需要删除包装器或父元素,比如删除文本周围的锚标记。那么想要用jquery实现删除html属性的功能,我们就可以使用jQuery unwrap()方法来实现,此方法可以轻松删除包装元素并保持内部HTML或文本内容不变。

jquery怎么删除html属性

(视频版请点击本文末尾左下角:阅读原文)

下面我们就结合具体的代码示例,给大家介绍jquery删除html属性的方法。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8">

    <title>jquery删除html属性示例</title>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

    <script type="text/javascript">

 $(function(){

            $("button").click(function(){

                $("p").find("a.link").contents().unwrap();

 });

 });

 </script>

</head>

<body>

<P>如果你单击以下按钮,它将从其中删除锚标记<a href="#" class="link">此链接</a>但是要保持文本的完整性 </P>

<button type="button">删除链接</button>

 

</body>

</html>


效果如下图所示:

jquery怎么删除html属性

unwrap()方法表示从DOM中删除匹配元素集的父元素,并将匹配的元素保留在原位。该.unwrap()方法删除元素的父元素并返回未包装的内容。这实际上是该.wrap()方法的反转。匹配的元素在DOM结构中替换它们的父节点。


find() 方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。


contents() 方法获得匹配元素集合中每个元素的子节点,包括文本和注释节点。


本篇文章就是关于jquery删除html属性的方法介绍,非常简单,希望对需要的朋友有所帮助!


以上就是jquery怎么删除html属性的详细内容,更多请关注php中文网其它相关文章!


-END-

声明:本文选自「 php中文网 」,搜索「 phpcnnew 」即可关注!


以上是关于jquery怎么删除html属性的主要内容,如果未能解决你的问题,请参考以下文章

Jquery插件 easyUI属性汇总

jQuery应用 代码片段

jquery怎么获取一个元素指定属性的值

jquery 怎么获取CSS中属性值的数值。

jQuery设置特殊属性

几条jQuery代码片段助力Web开发效率提升