Selector: selecting next a-tag
Hi,
I was reading some selector tutorials but still don't know, how to change
another a-tag in my html structure.
Here is my html:
-
...<tr>
<td class="no_border" colspan="6">
<table width="100%" cellspacing="0">
<tr>
<td width="149"><a class="btn_details" href="#">Field1</a></td>
<td width="118">Field2</td>
<td width="170">Field3</td>
<td width="187">Field4</td>
<td>Field5</td>
<td><a class="btn_info" href="#">info</a></td>
</tr>
</table>...
When I click the a.btn_details then a.btn_info should change it's back-
ground-position. But only the next a.btn_info NOT all of them as I have
a table. Therefore I wrote the following code:
-
$('a.btn_details').toggle(
function() {
$(this).css({backgroundPosition: '0 -17px'});
$(this)?????????????????????????????????????
How can I go through DOM from my first a-tag over the tds to the first
following btn_info?
thx
T.C.