jQuery에서 다음 td의 텍스트를 가져 오는 방법은 무엇입니까?

Question

"클릭"을 클릭하면 테스트 2 텍스트가 필요합니다. 나는 이것 같이 시도했다 ...

$("#clicked").click(function(){ 
    alert($('this').closest('td').next('td').next('td').text()); 
}) 

그러나 경보에서 비다. 어떻게 시험 2를받을 수 있습니까? 아래의 코멘트에서

<tr> 
    <td> </td> 
    <td><a id = 'clicked'>Click</a></td> 
    <td>Test 1</td> 
    <td><a id = 'clicked2' /> Test 2</a></td> 
</tr> 

---

는 :

this는 $('#clicked')을 의미한다. 즉, Click 링크를 클릭했을 때의 의미입니다.

Answer 1

당신은 closest 대신 parent를 사용해야합니다 :

$("#clicked").click(function(){ 
    text = $(this).parent().next('td').next('td').text(); 
    alert(text); 
}) 

https://jsfiddle.net/g6gnog4h/

Answer 2

이 하나를 시도, 당신은 부모 TR을 가서보다 것은 얻을 수있는 태그의 ID와 4 TD를 찾을 필요로 텍스트

<table><tr> 
    <td> </td> 
    <td><a id = 'clicked'>Click</a></td> 
    <td>Test 1</td> 
    <td><a id = 'clicked2' /> Test 2</a></td> 
</tr> 
</table> 

<script> 
$('#clicked').click(function(){ 
    alert($(this).parents('tr').children().find('#clicked2').text()); 
}); 
</script> 

Answer 3

당신은 다음과 같이 시도 할 수 있습니다 :

$('#clicked').click(function(){ 
    var val=$(this).siblings().text(); 
    alert(val); 
}); 

형제() 메서드는 선택된 요소의 모든 형제 요소를 반환합니다.

Answer 4

$('#clicked').click(function(){ 
    console.log($(this).closest('td').next().text()); 
});