JQuery - wordpress 테마로 indepent 콘텐츠 추가

Question

나는 JQuery의 도움으로 간단한 함수를 작성하고 싶다. 나는이 jfiddle 생성 : 클릭 후

<table class="my_table"> 
    <tr> 
     <td class="correct"></td> 
     <td> 
      <input type="button" class="my_button" /> 
     </td> 
    </tr> 
    <tr> 
     <td class="incorrect"></td> 
     <td> 
      <input type="button" class="my_button" /> 
     </td> 
    </tr> 
... 

http://jsfiddle.net/Xz3xc/1/

을, 일부 콘텐츠는 버튼의 위의에 추가됩니다. 내 로컬 컴퓨터의 경우입니다. 내 워드 프레스의 다른 테마를 실행하고 코드는 다음과가 같습니다있다

<table class="my_table"> 
    <tr> 
     <td class="correct"></td> 
     <td> 
      <div> 
      <input type="button" class="my_button" /> 
      </div> 
     </td> 
    </tr> 
     <tr> 
     <td class="correct"></td> 
     <td> 
      <div> 
      <input type="button" class="my_button" /> 
      </div> 
     </td> 
    </tr> 
... 

http://jsfiddle.net/KuACZ/1/

, 한 부모() 함수에 없기 때문에 물론 코드가 작동하지 않습니다. 이 함수를 쓰려면 어떻게해야합니까? 항상 버튼이 클릭 된 동일한 tr에서 첫 번째 td를 가져 와서 테마와 독립적입니다.

감사합니다.

Answer 1

이 코드는 td이 모두 correct이고 tr 인 것을 찾습니다.

$('.my_button').click(function() { 
    $(this).parentsUntil("tr").siblings("td.correct").html('Test'); 
}); 

jsFiddle