时间戳

首页 > 解决方案 > 为什么我无法使用 $("a") 查看网页中的所有链接名称？

jquery - 为什么我无法使用 $("a") 查看网页中的所有链接名称？

问题描述

在 Chrome 控制台中使用 `$("a") 后，我得到的输出为：

jQuery.fn.init(2) [a, a, prevObject: jQuery.fn.init(1), context: document, selector: "a"]

<!DOCTYPE>
<html>
<head>
<title>jQuery Demo </title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"> 
</script>
</head>
<body>

<h1>jQuery Demo</h1>

<ul>
<li>CR7 <a target="_blank" href="https://ronaldo7.net">Go To Web Page</a> 
</li>
<li>LM10</li>
<li>NMJ <a target="_blank" href="https://jQuery.com"> Jquery </a></li>
</ul>

</body>
</html>

标签： jquery

解决方案

问题：您想使用 $(“a”) 查看网页中的所有链接名称

解决方案 ：

  • 您需要使用each()来完成此操作。
  • 链接名称存储在href属性中，您需要使用.attr('href')

请检查以下代码：

$('ul li a').each(function(e){
    console.log('Link ' + e  + ' is : ' + $(this).attr('href'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>jQuery Demo</h1>

<ul>
    <li>CR7 <a target="_blank" href="https://ronaldo7.net">Go To Web Page</a></li>
    <li>LM10</li>
    <li>NMJ <a target="_blank" href="https://jQuery.com"> Jquery </a></li>
</ul>

推荐阅读