Question

I have a DYNAMICALLY generated Navigation div

<div id="WebPartWPQ9" >
 <table class="xm-ptabarea">
  <tbody>
   <tr>
    <td nowrap="" class="tab"><a href="/somelink.aspx">Overview</a></td>
    <td nowrap="" class="tab"><a href="/anothersomelink.aspx">Financials</a></td>
    <td nowrap="" class="tab"><a href="/somemorelink.aspx">Newsfeed</a></td>
   </tr>
  </tbody>
 </table>
</div>

Since there are no unique IDs, using jquery, i want to be able to attach an event to the “financial” tab link (using regular expressions selectors maybe?)

The value of the link will always be “Financials”

Answer 1

It’s super easy to select that <a> element using the :contains selector:

var $financialsLink = $('#WebPartWPQ9').find('td.tab > a:contains(Financials)');