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

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 요소에서 해당 텍스트를 가져올 수 있습니다. <a> 요소까지 드릴 다운 할 필요가 없습니다.

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

트림 할 수도 있지만.

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

작업 예 :http://jsfiddle.net/GqKaN/