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

Question

If I have a link like this:

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

How do I retrieve the text Sign In with jQuery?

Answer 1

Use the text method. Example:

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

Answer 2

This is useful for grabbing the text based on the hyperlink URI:

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

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

Answer 3

If that's actually the only text, you can get it direclty from the #main element. No need to drill down to the <a> element.

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

Though you may want to trim it.

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

Working Example: http://jsfiddle.net/GqKaN/

Answer 4

You can use this approach, which selects the anchor by its href attribute:

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

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

Answer 5

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

Or without :first-child depending on your overall structure.

Reference: .text