如何使用jQuery获取此锚标记内的文本？

Question

如果我有这样的链接：

<ul id="main">
 <li>
    <a href="/login">Sign In</a>
 </li>
</ul>

如何使用jQuery检索文本 Sign In ？

Answer 1

使用text方法。例如：

var txt = $('#main li a').text();

Answer 2

这对于根据超链接URI抓取文本非常有用：

  var linkText = $('a[href="/login"]').text();

http://api.jquery.com/attribute-equals-selector/

Answer 3

如果这实际上是唯一的文本，您可以从#main元素获取它。无需深入查看<a>元素。

$('#main').text();

虽然你可能想修剪它。

$.trim( $('#main').text() );

工作示例： http://jsfiddle.net/GqKaN/

Answer 4

您可以使用此方法，通过其href属性选择锚点：

$("#main a[href=/login]").text()

http://api.jquery.com/attribute-equals-selector/

Answer 5

var text = $('#main li:first-child a:first-child').text();

或者没有:first-child，具体取决于您的整体结构。

参考：.text