Почему мой вызов jquery отображается как неопределенный?

Question

Я пытаюсь получить URL от <a> Отметьте и отобразите первый абзац 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>

Мой JQuery:

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

К вашему сведению.p1 - это класс, окружающий первый абзац в URL (то, что я пытаюсь отобразить в основном)

Answer 1

Только $.load поддерживает загрузку фрагментов страницы, так что с учетом этого попробуйте это...

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

Answer 2

Вам нужно просто получить ваш URL-адрес, используя приведенный ниже код

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

я не понимаю, почему вы добавляете " .p1" с помощью href?

попробуйте этот код, чтобы получить URL