jQuery how to use index() and text() together?
<p>I'm wanting to get an index of an a tag with specific text.  So if I have 10 links with Click Me as text, if I click on second one, I want to have 2.  </p>

<p><a href="http://jsfiddle.net/XQ3ct/" rel="nofollow">JSfiddle</a></p>

<pre><code>$(document).ready( function() {
  $('a').click(function () {
      if ($(this).text() != ""){
            var index = $("a").text().index(this);
            alert (index + 1);
      }
  });
});
</code></pre>

<p>Example HTML code</p>

<pre><code>&lt;a href="#"&gt;Click Me&lt;/a&gt;&lt;br /&gt;&lt;Br /&gt;

&lt;a href="#"&gt;Different&lt;/a&gt;&lt;br /&gt;&lt;Br /&gt;

&lt;a href="#"&gt;Click Me&lt;/a&gt;&lt;br /&gt;&lt;Br /&gt;

&lt;div&gt;
&lt;a href="#"&gt;Click Me&lt;/a&gt;&lt;br /&gt;&lt;Br /&gt;
    &lt;div&gt;
    &lt;a href="#"&gt;Click Me&lt;/a&gt;&lt;br /&gt;&lt;Br /&gt;
    &lt;a href="#"&gt;Different&lt;/a&gt;&lt;br /&gt;&lt;Br /&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;a href="#"&gt;Click Me&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Click Me&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Click Me&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Click Me&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;a href="#"&gt;Different&lt;/a&gt;&lt;br /&gt;&lt;Br /&gt;
</code></pre>
