StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p><strong>edit</strong>: this solution works for both your original problem, the problem you mention in your first comment, and the problem you detail in the comment after that.</p> <pre><code>$('.myLinks').click(function() { var findMe = ''; $(this).parents().each(function() { var a = $(this).find('.findme').is('.findme'); var b = $(this).find('.myLinks').is('.myLinks'); if (a && b) { // look for first parent that // contains .findme and .myLinks $(this).find('*').each(function() { var name = $(this).attr('class'); if ( name == 'findme') { findMe = $(this); // set element to last matching // .findme } if ( name == 'myLinks') { return false; // exit from the mess once we find // .myLinks } }); return false; } }); alert(findMe.text() ); // alerts "find this one" }); </code></pre> <p>this works for your example in the OP as well as a modified example as explained in the comments:</p> <pre><code><table> <tr> <td class="findme">don't find this one</td> </tr> <tr> <td class="findme">find this one</td> </tr> <tr> <td><a href="#" class="myLinks">find the previous .findme</a></td> </tr> <tr> <td class="findme">don't find this one</td> </tr> </table> </code></pre> <p>as well as this test case which you added:</p> <pre><code><table> <tr> <td class="findme">don't find this one</td> </tr> <tr> <td class="findme">don't find this one</td> </tr> <tr> <td class="findme">find this one</td> </tr> </table> <a href="#" class="myLinks">find the previous .findme</a> </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload