Question

我有这样的文章列表：

<article>
  <a class="title" href="http://somelink1.com">Some Link</a>
  <p>content</p>
</article>

<article>
  <a class="title" href="http://somelink2.com">Some Link</a>
  <p>content</p>
</article>

<article>
  <a class="title" href="http://somelink3.com">Some Link</a>
  <p>content</p>
</article>

我正在尝试获取href属性并将其作为<article>复制到每个onClick。

我有一个几乎可以使用的jQuery，但是其他每个人都只使用第一个文章URL。

$("article").each(function() {
  var copyLink = $("a.title").attr("href");
  $(this).click(function() {
    window.location = copyLink;
  });
});

请帮助！

Answer 1

要使jQuery不再仅使用第一个href，就需要在$ .each的当前项中进行搜索。

var copyLink = $(this).find("a.title").attr("href");

要使脚本正常工作，您可以执行以下操作：

$("article").each(function() { $(this).click(function() { window.location =  $(this).find("a.title").attr("href"); }); });

对于任何错字，我深表歉意。我用手机写下了答案。

Answer 2

您需要导航到每个文章的.title标签。 .find(".title")

$(document).ready(function() {
  $("article").each(function() {
    var copyLink = $(this).find(".title").attr("href");
    
    $(this).click(function() {
      window.location = copyLink;
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<article>
  <a class="title" href="http://somelink1.com">Some Link</a>
  <p>content</p>
</article>

<article>
  <a class="title" href="http://somelink2.com">Some Link</a>
  <p>content</p>
</article>

<article>
  <a class="title" href="http://somelink3.com">Some Link</a>
  <p>content</p>
</article>

使用jQuery将<article> URL复制到onclick以获取整个文章div

2 个答案: