Question

我正在尝试从控制台中显示的href中打印相对URL：

<div class="span-8 last">
  <span class="large">
    <a href="/property/3938749">1221 Pearl St.</a>
 </span>
</div>

使用以下jQuery调用：

$(document).ready(function(){
  $(".span-8 .large").hover(function(){
    var href = $(this).attr("href");
    console.log(href);
});

我认为它基本上是所描述的here，但是当我将鼠标悬停在所选元素上时，而不是

/属性/ 3938749

控制台正在向我展示

未定义

对于我所缺少的任何建议都将不胜感激！

Answer 1

$(document).ready(function() {
  $(".span-8 .large").hover(function() {
    var href = $(this).find("a").attr("href");
    console.log(href);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="span-8 last">
  <span class="large">
    <a href="/property/3938749">1221 Pearl St.</a>
 </span>
</div>

Answer 2

＆＃13;

$(document).ready(function() {
  $(".span-8 .large").hover(function() {
    var href = $(this).find('a').attr("href");
    console.log(href);
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="span-8 last">
  <span class="large">
    <a href="/property/3938749">1221 Pearl St.</a>
 </span>
</div>

＆＃13;

您需要获取锚点，因此请按.find('a')

选择锚点

使用jQuery从链接获取href

2 个答案: