如何使用 jQuery 从禁用的链接中删除可点击行为
答案:使用jQuery removeAttr()方法
通过使用 jQuery removeAttr() 方法从锚元素 (<a>) 中删除 href 属性，您可以轻松地从 link 中删除可点击行为。
以下示例演示如何使用 jQuery 从具有类 .disabled 的超链接中删除可点击行为。 让我们尝试一下，看看它是如何工作的:
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery 移除可点击行为</title>
<style>
.menu a{
margin-left: 20px;
}
.menu a.disabled{
color: #666;
text-decoration: none;
}
</style>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$(".menu a").each(function(){
if($(this).hasClass("disabled")){
$(this).removeAttr("href");
}
});
});
</script>
</head>
<body>
<div class="menu">
<a href="/html/">HTML</a>
<a href="/css/">CSS</a>
<a href="/bootstrap/">Bootstrap</a>
</div>
<p><strong>Note:</strong> In this example any link inside the "menu" element with the class "disabled" will not be clickable.<p>
</body>
</html>FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答:
