如何使用jquery替换标记并保留属性？
使用jQuery替换标记并保留属性的方法是使用.replaceWith()方法。该方法可以用于替换指定的HTML标记，并保留原始标记的属性。
下面是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="originalDiv" class="originalClass" data-custom-attribute="customValue">原始内容</div>
<script>
$(document).ready(function() {
var newElement = $("<span>New Content</span>").attr("class", $("#originalDiv").attr("class")).attr("data-custom-attribute", $("#originalDiv").attr("data-custom-attribute"));
$("#originalDiv").replaceWith(newElement);
});
</script>
</body>
</html>在上面的示例中，我们首先创建了一个新的<span>元素，并使用.attr()方法将原始元素的class和data-custom-attribute属性值复制到新元素中。然后，我们使用.replaceWith()方法将原始元素替换为新元素。
这样，原始元素的标记被替换为新的标记，并且保留了原始元素的属性。
请注意，上述示例中使用的是jQuery库，因此需要在页面中引入jQuery库的脚本。你可以使用CDN链接或者下载jQuery库并引入本地脚本。
推荐的腾讯云相关产品：无
希望以上信息对你有帮助！如果你有任何其他问题，请随时提问。
相关·内容
1回答
如何用<del>标签替换<ins>标签，并在javascript或jquery中保留它的属性？After -->我在answer中发现了类似的问题，但它没有保留属性
浏览 15提问于2016-09-16得票数 1
回答已采纳
3回答
我有一个文本输入，我想用一个文本区域替换它，保留所有的属性。我怎样才能用jQuery做到这一点？newfeature" id="newfeature" aria-required="true"></textarea>
我知道这可以使用.prop()选择器手动完成，并指定每个属性
浏览 2提问于2012-03-04得票数 5
回答已采纳
6回答
我需要使用jQuery动态替换图像，并知道如何使用jQuery替换图像src值。但是我的主要挑战是找到<img>标记并获取它的当前值，因为这个HTML正在显示一些其他API，而这并不在我的控制范围之内。我只能向外部id添加一个div属性。class="row">
<img src="/*/desktop/*
浏览 11提问于2014-02-21得票数 1
回答已采纳
我正在使用regex编写一个简单的替换字符串。我想在每个"isElm"标记中添加一个新属性，如"isElm"。请参考下面的小提琴。如果我使用regex作为/<p>(.*?)<\/p>/g并使用替换，它就能工作，但是如果<p>标记有一个属性，则不会。但是，如果我使用这个regex：/&l
浏览 3提问于2014-06-10得票数 0
下面是我的jQuery代码正在做的事情：});
每当提交表单时，我都会获取结果，序列化它们，并通过这是我的问题:我需要能够保留人们在评论中留下的空格，这样他们就可以控制较
浏览 2提问于2011-03-23得票数 2
回答已采纳
1回答
下面的方法几乎可以用lis替换span[data-type="yesno"]的所有实例，但我也希望保留属性、类等。是否有一种方法可以以与html相同的方式传递属性？
浏览 0提问于2013-12-03得票数 6
回答已采纳
2回答
我希望从我的字符串中删除所有元素，包括那些具有属性(如class )的元素。我已经在这里检查过了，所以regex显然不是答案：<div&g
浏览 7提问于2022-04-03得票数 0
回答已采纳
我们正在使用jQuery 1.5.1在我正在工作的网站上。如果用户希望引用论坛帖子，则将文章的html转换为BBCode (因为较旧的论坛帖子使用BBCode标记来标记)，并维护格式标记，并将其复制到用户为新论坛帖子编写文本的文本区域(包括引用的文本)。使用JavaScript/jQuery，用相应的BBCode标记替换html标记很简单，但由于添加了nodeIndex<
浏览 1提问于2011-07-13得票数 1
回答已采纳
仅使用JavaScript，而不使用JQuery等，如何找到给定Id的相应数据属性？id-test" data-qa="data-qa-test">输入： "id-test"在Javascript中是否有一种方法可以获取下面的代码，并找到相应的数据-qa自动化标记定位器？相关问题：
背景:尝试用我们的数据qa
浏览 4提问于2020-10-09得票数 0
回答已采纳
我正在开发一个使用推特bootstrap和asp.net的网站。Bootstrap内置了模态窗口控件，可以使用如下所示的标记进行访问：数据切换属性是这里的重要部分有没有办法从aspx.cs重定向并保留数据切换属性？更新:我最终使用了一个jQuery</
浏览 6提问于2012-05-25得票数 1
6回答
我正在构建一个动态加载内容的网站，根据内容的结果替换图像。然而，当浏览器加载图像时，alt属性通常以一种难看的方式显示。如果可能的话，我想保留alt属性，但是当浏览器下载图片时，图片应该不会闪烁'alt‘属性。有没有人遇到过这个问题并找到了解决方案？
我使用的是jQuery。
浏览 1提问于2011-12-13得票数 0
回答已采纳
我意识到这类似于，但是我希望在html中用另一个标记替换一个标记，但是保留对象的属性和任何定义的自定义数据(通过$.data设置)。知道如何做到这一点吗？
浏览 1提问于2012-12-14得票数 2
我试图找到一个具有特定属性/值对的特定HTML标记(它也可能有其他属性，但这些属性是可选的)，提取它的内容作为反向引用，并在它周围包装一个新的自定义标记。</custom_heading>r = new RegExp("<p[^<]*backgroundColor=\"#0066cc\"[^>?]*\>","gi");
s=
浏览 2提问于2011-03-04得票数 0
我有一个用jquery构建的网站，它还没有为移动设备做好准备。首先，没有接触，其次，我认为使用jquery的维度与我所期望的不太一样。东西不太适合它属于的地方。我假设我需要使用jquery-mobile，但是如何使用。
我是在之前还是之后添加jquery移动脚本？我要替换jquery吗？我是否可以保留当前的html，或者是否需要添加类标记。我只想改变行，在其中我得到的维度值
浏览 4提问于2015-03-06得票数 0
回答已采纳
3回答
在本例中，我尝试替换通过以下方式：但我得到的是：如何才能只替换"script“部分而保留其他标记和属性</
浏览 0提问于2009-05-11得票数 5
回答已采纳
因此，我已经编写了一个包含一些JavaScript函数的网页。<body> <ol> <h1> TILE CALCULATOR</h1>
浏览 6提问于2013-05-16得票数 0
在Ant构建文件中，是否有一种方法可以使用替换between来查找和替换两个标记，并保留它们之间的内容？例如，要找到所有这些：并替换
<&#
浏览 0提问于2014-06-30得票数 0
回答已采纳
我正在尝试使用jQuery每15秒更改一次图像，以便在所有浏览器中都能正常工作。我已经尝试删除此标记并保留url>为空，并使用jQuery更改背景图像div给定此标记；
<div id="logotransitions" runat="server
浏览 1提问于2013-05-03得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
