如何使用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