如何在 jQuery 中删除或添加 <link> 元素 [重复]答案

【问题标题】：How to delete or add a <link> element in jQuery [duplicate]如何在 jQuery 中删除或添加 <link> 元素 [重复]
【发布时间】：2019-11-03 20:42:56
【问题描述】：

我想问有没有办法在jQuery中删除和添加<link>元素？例如，如果我可以通过它的 href 获取元素 <link> 并删除
像这样的代码：

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="assets/css/1.css?v=0.1" rel="stylesheet">
  <link href="assets/css/2.css?v=0.1" rel="stylesheet">
</head>
<body>
</body>
</html>

将变为：

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="assets/css/2.css?v=0.1" rel="stylesheet">
</head>
<body>
</body>
</html>

以及如何添加<link> 元素？

【问题讨论】：

我不能建议多个副本，但您在下面的答案中有删除文件的示例

标签： jquery html

【解决方案1】：

你可以像这样为这个链接添加id

  <link id="style1" href="assets/css/1.css?v=0.1" rel="stylesheet">

然后基本上你可以通过这个链接使用jquery删除它

$("#style1").remove();

无需添加 ID/类名即可检测此元素的其他方法

$("link[href='assets/css/2.css?v=0.1']").remove();

或

$('link[rel="stylesheet"]').remove();

【讨论】：

我认为只有body中的元素才允许通过id获取元素
id 和 class 是文档范围的标识符，因此您可以将其与链接标签一起使用，请参阅link