How to check for DOM equality with jQuery?
- by Joseph
I'm basically building a simple list, and one of the items in the list is selected. I'm accomplishing this by having a "selected" class applied to whichever item I want to have selected. I have two buttons that go forward and backward which traverse this list. However, when the user gets to the first or the last element in the list, I want to do a post back. This is where I'm stuck, because I'm having trouble identifying that the currently selected item is not the first or the last.
Simple Example:
<div id="list">
<p>item 1</p>
<p>item 2</p>
<p class="selected">item 3</p>
</div>
Let's say the user presses the next button, at this point I'm checking for something similar to this:
if (jQuery('#list p.selected') == jQuery('#list p:last-child'))
//do post back
However, this logic is returning false, which leads me to believe I'm approaching this the wrong way.
What is the best way for me to check for this kind of logic using jQuery?