jquery遍歷圖像

Question

我試圖寫一種處理按鈕的方式，以便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'類。

幫助！

Answer 1

第二父是<td>，而不是<tr>，因爲有一個<a>太多，你可能與.closest()更好這裏，像這樣：

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

...或者添加第三個.parent()，可以工作，但.closest()往往更容易佈局更改友好。