jQuery change link href in the body of the page

Question

I am looking for a way to change the href of the code below:

<link rel="stylesheet" type="text/css" href="theme1.css">

For example from:

<link rel="stylesheet" type="text/css" href="theme1.css">

to:

<link rel="stylesheet" type="text/css" href="theme2.css">

This is currently not in the head of the page but in the body. And I only want to target a specific one.

How can I change it using jQuery?

Answer 1

您可以像这样使用attr或prop方法：

$('link[href*="theme1.css"]').attr('href','theme2.css');