jQuery - get all links with inner html "value"

Question

<div>
    <a>
       Text1
       <img alt="" stc="" />
    </a>
    <a>
       Text2
    </a>
 </div>

I want to select all a elements that have text=text2. I looking for something like that:

$('a[text=Text2]')

---

Edit: Why this is not working? (from some reasons it's need to be in this format).

$('div').find('a').find(':contains("Text2")')

Answer 1

Use the :contains() filter.

http://api.jquery.com/contains-selector/

Answer 2

You're looking for contains:

$("a:contains('text2')")

Answer 3

As an additional note, rather than scanning for exact text inside a link it might be better to be scanning for attributes, e.g.

<div class="farm-market-items">
  <a class="market-item" data-item-type="seed" data-item-id="817">
    Carrot Seed
    <img alt="" src="" class="item-thumb" />
  </a>
  <a class="market-item" data-item-type="seed" data-item-id="25">
    Spinach Seed
  </a>
  <a class="market-item" data-item-type="tree" data-item-id="981">
    Pear Tree
  </a>
</div>

Now you can (accurately) scan for:

all_seeds = $('a[data-item-type="seed"]');

(I'm a big fan of the data-* attributes.)

Answer 4

You ask why this doesn't work:

$('div').find('a').find(':contains("Text2")')

The reason is, .find() will search children elements, you want .filter() (because you already selected the a - or you add the :contains to the a find:

$('div').find('a').filter(':contains("Text2")');
$('div').find('a:contains("Text2")');