Jquery遍历图像

时间:2010-12-09 23:19:12

标签: jquery

我正在尝试编写一种处理按钮按钮的方法,以便div可以扩展&折叠和按钮更新从阅读'打开'到'隐藏'(以及更新ALT标签)。切换部分很好。我只是无法绕过遍历方面。

显示了两个按钮但是应用了CSS,因此只显示了一个(打开的)。单击时,hideImage需要可见,并且需要删除openImage。很简单。

这是HTML:

<tr>
<td>text</td>
<td class="tdclass"><a href="" class="hrefclass"><img src="openImage.gif" class="openImage" border="1"></a>
<td class="tdclass"><a href="" class="hrefclass"><img src="hideImage.gif" class="hideImage hiddenImage" border="1"></a></td>
</tr>

使用JQuery有一种简单的方法吗?

另外,为什么这不起作用?

$('.openImage').parent().parent().find('.hideImage')

我假设我可以遍历并找到'hideImage'类。

帮助!

1 个答案:

答案 0 :(得分:2)

第二个父级是<td>,而不是<tr>,因为还有<a>,你可能会更好地使用.closest(),这样:< / p>

$('.openImage').closest('tr').find('.hideImage')

...或添加第三个.parent(),可以正常工作,但.closest()对于布局更改往往更适合未来。