Question

I have the following HTML code:

<table id="userPlaylistTable" cellspacing="0" cellpadding="0">
<div class="numCellWrapper">
<div class="listArrow up" onclick="moveRowUp($(this))"></div>
<div class="numCell"> 1 </div>
<div class="listArrow down" onclick="moveRowDown($(this))"></div>
</div>
<div class="numCellWrapper">
<div class="listArrow up" onclick="moveRowUp($(this))"></div>
<div class="numCell"> 2 </div>
<div class="listArrow down" onclick="moveRowDown($(this))"></div>
</div>
<div class="numCellWrapper">
<div class="listArrow up" onclick="moveRowUp($(this))"></div>
<div class="numCell"> 3 </div>
<div class="listArrow down" onclick="moveRowDown($(this))"></div>
</div>

Basically, now if I define my css as:

css=table#userPlaylistTable div[class='listArrow up']

It picks the first such element it finds. But, how would I have to define my css, so that it picks second element of this type?
So, basically how would I define my css to pick a particular element, if multiple elements of the same kind exist on the page?

Could someone please help me with this query?

Thanks.

Answer 1

You need to do something like:

css=table#userPlaylistTable>div[class='listArrow up']:nth(1)

css=table#userPlaylistTable>div[class='listArrow up']:nth(2)

This will give you the 2nd and the 3rd instance