jquery怎么删除html属性-pengetahuan html-php.cn

Rumah

pengaturcaraan harian

pengetahuan html

jquery怎么删除html属性

藏色散人

Dec 18, 2018 pm 03:15 PM

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

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