このアンカータグ内のテキストをjQueryでどのように取得できますか？

Question

私はこのようなリンクを持っている場合：私はjQueryを使ってテキストSign Inを取得するにはどうすればよい

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

を？

Answer 1

textメソッドを使用します。例：

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

Answer 2

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

:first-childは、全体の構造によって異なります。

参考：.text

Answer 3

あなたは、そのhref属性でアンカーを選択する、このアプローチを使用することができます。

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

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

Answer 4

これがハイパーリンクURIに基づいてテキストを取得するために有用である：

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

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

Answer 5

これが実際に唯一のテキストの場合は、#main要素からdirecltyを得ることができます。 <a>要素にドリルダウンする必要はありません。

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

トリミングすることもできますが、

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

実施例：http://jsfiddle.net/GqKaN/