Question

I have some anchors in HTML that have a class of “attrs”:

<a href="#" class="attrs">sample</a>

I use this jQuery code to bind to those elements unobtrusively, and I am just doing a simple alert for test purposes:

$(".attrs").click(function() {
      alert($(this).attr('text'));
    });

This works just dandy in Firefox and Safari on Mac, fails unreliably in Firefox on Windows, and fails completely with an “undefined” in the alert on IE 7 & 8.

Note that if I change ‘text’ to ‘href’, then the alert comes up appropriately.

This seems like very simple, very basic code. I can not imagine why/how Windows browsers would behave incorrectly on something so simple. Can anyone offer anything here?

Answer 1

You should call:

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

To get the text content from that anchor node.