如何使用CSS选择器获取href文本

Question

我在Wikipedia主页上的https://www.wikipedia.org/上具有以下HTML 。我正在尝试获取href文本

//en.wikipedia.org/

<div class="central-featured-lang lang1" lang="en">
<a href="//en.wikipedia.org/" title="English — Wikipedia — The Free Encyclopedia" class="link-box">
<strong>English</strong><br>
<em>The Free Encyclopedia</em><br>
<small>5&nbsp;077&nbsp;000+ articles</small>
</a>
</div>

我已经尝试过了，$$('.central-featured-lang.lang1 a[href$=".org/"]')但是我仍然得到了整个输出，而不仅仅是href文本。

[<a href=?"/?/?en.wikipedia.org/?" title=?"English — Wikipedia — The Free Encyclopedia" class=?"link-box">?…?</a>?<strong>?English?</strong>?<br>?<em>?The Free Encyclopedia?</em>?<br>?<small>?5&nbsp;077&nbsp;000+ articles?</small>?</a>?]

任何建议深表感谢。

Answer 1

在 Javascript 中，您可以将document.querySelector与属性一起使用href，如下所示：

\n\n

\r\n

\r\n

var url = document.querySelector(\'.central-featured-lang.lang1 a[href$=".org/"]\').href;\r\nalert(url);

\r\n

<div class="central-featured-lang lang1" lang="en">\r\n  <a href="//en.wikipedia.org/" title="English \xe2\x80\x94 Wikipedia \xe2\x80\x94 The Free Encyclopedia" class="link-box">\r\n    <strong>English</strong>\r\n    <br>\r\n    <em>The Free Encyclopedia</em>\r\n    <br>\r\n    <small>5&nbsp;077&nbsp;000+ articles</small>\r\n  </a>\r\n</div>

\r\n

\r\n

\r\n

\n