javascript - 使用 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 值？

我目前正在尝试此操作，但可能不会总是有五个 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'));
});

参见Documentation