CODEWITHSUNDEEP
jqueryjquery-selectors
oshirowanen
oshirowanen

Reputation: 15925

Get text from anchor tag

I have the following anchor tag

<a href="http://www.google.com/">Google</a>

I know how to get the href from an anchor take:

alert($(this).attr("href"));

But how do I get the text from the anchor tag, i.e. how do I get "Google"?

Upvotes: 41

Views: 101250

Answers (2)

Sumit Prashant
Sumit Prashant

Reputation: 1

On using the .text() as mentioned, I got the text of all the anchor tags combined in my code:

HTML:

<div class="col-sm-2 jumbotron jumbotronUserRaces list-group list-group-
userRaces" id="listGroupUserRaces">
                <a href="" class="list-group-item active">First item</a>
                <a href="" class="list-group-item">Second item</a>
                <a href="" class="list-group-item">Third item</a>
            </div>

JS:

$("#listGroupUserRaces").click(function () {
   alert($(this).text());
});

OUTPUT:

  • First item
  • Second item
  • Third item

Upvotes: 0

Nick Craver
Nick Craver

Reputation: 630379

Use .text() for this:

alert($(this).text());

If you wanted the markup (.text() removes tags and such), use .html()

alert($(this).html());

In this case there's no difference, if instead you had this:

<a href="http://www.google.com/">Google <span>(External)</span></a>

Then there would be:

$(this).text() //"Google (External)"
$(this).html() //"Google <span>(External)</span>"

Upvotes: 86

Related Questions