Jquery traversing images

Question

div가 & 접을 확장하고 버튼이 '열기'에서 '숨기기'(ALT 태그 업데이트와 함께)에서 업데이트되도록 버튼 프레스 처리 방법을 작성하려고합니다. 토글 링 부분은 괜찮습니다. 나는 단지 횡단하는 측면에 대한 내 머리를 얻을 수 없습니다.

두 개의 단추가 있지만 CSS가 적용되어 하나만 표시됩니다 (열린 단추). 클릭하면 hideImage가 표시되고 openImage를 제거해야합니다. 꽤 직설적 인. JQuery와 함께이 일을하는 쉬운 방법이

<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> 

있습니까 : 여기

는 HTML입니까?

또한 왜 작동하지 않습니까?

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

필자는 'hideImage'클래스로 되돌아 가서 찾을 수 있다고 가정했습니다.

도움말! ,

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

... 또는 제 3 .parent()를 추가 : 너무 <a>가 이후

Answer 1

두 번째 부모는 다음과 같이 여기 .closest()와 떨어져 아마 더 좋을 것 같아,의 <td> 아닌 <tr>입니다 둘 중 하나는 작동하지만, .closest()은 레이아웃 변경으로보다 미래 지향적 인 경향이 있습니다.