Rumah > pengaturcaraan harian > pengetahuan html > jquery怎么删除html属性

jquery怎么删除html属性

藏色散人
Lepaskan: 2018-12-19 09:51:56
asal
6298 orang telah melayarinya

有时我们可能需要删除包装器或父元素,比如删除文本周围的锚标记。那么想要用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>
Salin selepas log masuk

效果如下图所示:

jquery怎么删除html属性

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

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

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

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

Atas ialah kandungan terperinci jquery怎么删除html属性. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan