如何在jQuery中删除或添加<link>元素

时间:2019-11-03 12:38:39

标签: jquery html

我想问问是否有任何方法可以在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>元素?

1 个答案:

答案 0 :(得分:0)

您可以像这样为该链接添加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();