我正在尝试编写一种处理按钮按钮的方法,以便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'类。
帮助!
答案 0 :(得分:2)
第二个父级是<td>
,而不是<tr>
,因为还有<a>
,你可能会更好地使用.closest()
,这样:< / p>
$('.openImage').closest('tr').find('.hideImage')
...或添加第三个.parent()
,可以正常工作,但.closest()
对于布局更改往往更适合未来。