如何使用 jQuery 更改超链接的 href 属性
答案:使用jQuery .attr() 方法
您可以使用jQuery .attr() 方法来动态设置或更改链接或锚标记的href 属性的值。 此方法也可用于获取任何属性的值。
下面的示例将向您展示如何在文档准备好使用 jQuery 时将 HTML 文档中的所有超链接或链接从"http"转换为"https"。
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery 为锚标记设置 HREF</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$('a[href^="http://"]').each(function(){
var oldUrl = $(this).attr("href"); /* Get current url */
var newUrl = oldUrl.replace("http://", "https://"); /* Create new url */
$(this).attr("href", newUrl); /* Set herf value */
});
});
</script>
</head>
<body>
<p><a href="http://www.google.com">Google</a></p>
<p><a href="http://www.gmail.com">Gmail</a></p>
</body>
</html>FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答:
- 如何在 jQuery 中为 HTML 元素添加属性
- 如何从 jQuery 中的 HTML 元素中删除属性
- 如何使用 jQuery 从禁用的链接中删除可点击行为
- 如何使用 jQuery 为元素动态添加 CSS 属性
