Question

我正在尝试从网页构建一个电子邮件列表，格式如下：

<div class="somediv">
  <div class="email-popdown">
    <a href="mailto:sue@domain.com">sue@domain.com</a>
  </div>
</div>

<div class="somediv">
  <div class="email-popdown">
    <a href="mailto:mark@domain.com">mark@domain.com</a>
  </div>
</div>

<div class="somediv">
  <div class="email-popdown">
    <a href="mailto:jane@domain.com">jane@domain.com</a>
  </div>
</div>

这是我的javascript无效：

$('.email-popdown').each(function(i, obj) {
    $('body').append($(this).child('a').attr('href') + '<br>');
});

任何帮助我们将电子邮件列为：

sue@domain.com
<br>
mark@domain.com
<br>
jane@domain.com

谢谢！

Answer 1

使用.find()代替.child，.replace("mailto:", "")从mailto:剥离href。

$('.email-popdown').each(function(i, obj) {
    $('body').append($(this).find('a').attr('href').replace("mailto:", "") + '<br>');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="somediv">
  <div class="email-popdown">
    <a href="mailto:sue@domain.com">sue@domain.com</a>
  </div>
</div>

<div class="somediv">
  <div class="email-popdown">
    <a href="mailto:mark@domain.com">mark@domain.com</a>
  </div>
</div>

<div class="somediv">
  <div class="email-popdown">
    <a href="mailto:jane@domain.com">jane@domain.com</a>
  </div>
</div>

Answer 2

使用find（）代替child（）

$('.email-popdown').each(function(i, obj) {
    $('body').append($(this).find('a').text() + '<br>');
});

使用Jquery获取每个锚值

2 个答案: