使用jQuery find（）獲取鏈接的href值

Question

我有以下HTML結構：

...
...
    <div id="related-links">
        <ul>
            <li class="first"><a href="some-link"></a></li>
            <li><a href="some-link"><a href="some-link"></a></li>
            <li><a href="some-link"><a href="some-link"></a></li>
            <li><a href="some-link"><a href="some-link"></a></li>
            <li><a href="some-link"><a href="some-link"></a></li>
        </ul>
    </div>
...
...

如何獲取JavaScript中所有li元素的href值？

我目前正在嘗試此操作，但可能總不會有5 li 。

var related_links_body = $('div.related-links ul');
var related_links = [];
related_links[0] = related_links_body.find("li.first a").attr("href");
related_links[1] = related_links_body.find("li.first").next().find("a").attr("href");
related_links[2] = related_links_body.find("li.first").next().next().find("a").attr("href");
related_links[3] = related_links_body.find("li.first").next().next().next().find("a").attr("href");
related_links[4] = related_links_body.find("li.first").next().next().next().next().find("a").attr("href");

Answer 1

只需使用each()聚合它們：

var related_links = [];

$('#related-links ul li a').each(function()
{
     related_links.push($(this).attr('href'));
});

請參閱說明文件

Answer 2

首先，您的選擇器有誤，您使用的是類選擇器，而不是ID選擇器

$('div.related-links ul')

需要是

$('div#related-links ul')

要么

$('#related-links ul')

---

---

您可以使用jQuery映射將href放入數組。

var related_links_body = $('#related-links ul');
var anchors = related_links_body.find("li a");
var related_links = anchors.map( function() { return this.href; } ).get();

JSFiddle