javascript - 为什么我的 jquery 调用显示为未定义？

Question

我正在尝试从<a>标签中获取 url 并在标题下方显示 url 的第一段。目前这返回“未定义”。

我的HTML：

<section class="community">
<div class="news">
 <ul class="article-list">
  <li><a href="">This is an article</a></li>
  <li><a href="">This is an article</a></li>
  <li><a href="">This is an article</a></li>

  </ul>
</div>
</section>

我的查询：

var url = $('.community .news ul li a').attr('href .p1'); 
  $.get(url, function(response) {
  $('.community .news ul li').append("<p>" + url + "</p>");
});

仅供参考 .p1 是围绕网址中第一段的类（我基本上要显示的内容）

Answer 1

仅$.load支持加载页面片段，因此请记住这一点，试试这个...

$('.community .news ul li a[href]').each(function() {
    $('<p>').insertAfter(this).load(this.href + ' .p1');
});

Answer 2

您需要在下面的代码中简单地获取您的网址

var url = $('.community .news ul li a').attr('href');

我不明白你为什么在 href 中添加“.p1”？

尝试此代码以获取 url