Question

在Chrome控制台中使用`$（“ a”）后，我得到的输出为：

jQuery.fn.init（2）[a，a，上一个对象：jQuery.fn.init（1），上下文：文档，选择器：“ 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>

Answer 1

$("a")将选择页面中的所有a标签，然后您必须遍历此jquery对象以获取每个标签的属性，或使用index-related selector $("a:eq(n)")来获取一个特定的

$("a").each(function(){
  console.log($(this).attr('href'));
});


console.log("first link:",$("a:eq(0)").attr('href'));

console.log("last link:",$("a:eq("+($("a").length-1)+")").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>

Answer 2

问题：您想使用$（“ 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>

为什么我无法使用$（“ a”）来查看网页中的所有链接名称？

2 个答案: