jQuery: get the element in position n of the result of the query
<p>I am trying to get the third span with value3 element. With the following query:</p>

<pre><code>jQuery('span[class*="3"]:contains("value3")')
</code></pre>

<p>will return a list of span, and I need only the third. The question is how..</p>

<p>The site has the following structure:</p>

<pre><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td&gt;
        &lt;table&gt;
            &lt;tr&gt;
            &lt;td&gt;&lt;span class="1"&gt;value1&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class="2"&gt;value2&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class="3"&gt;value3&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class="4"&gt;value4&lt;/span&gt;&lt;/td&gt;
            &lt;/tr&gt;
        &lt;/table&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;
        &lt;table&gt;
            &lt;tr&gt;
            &lt;td&gt;&lt;span class="1"&gt;value1&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class="2"&gt;value2&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class="3"&gt;value3&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class="4"&gt;value4&lt;/span&gt;&lt;/td&gt;
            &lt;/tr&gt;
        &lt;/table&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;
        &lt;table&gt;
            &lt;tr&gt;
            &lt;td&gt;&lt;span class="1"&gt;value1&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class="2"&gt;value2&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class="3"&gt;value3&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class="4"&gt;value4&lt;/span&gt;&lt;/td&gt;
            &lt;/tr&gt;
        &lt;/table&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
</code></pre>
