jQuery를 통해 선택한 행의 열 값을 얻는 방법

여기에서 jquery.In을 통해 선택한 행의 특정 열 값을 가져 오려고합니다. 다음 코드에는 다음과 같은 id.I가없는 두 행이 있습니다. 방법과 각 행에 대한 가치를 얻으려면 각 other.how 추가 해당 열에 대한 두 행 값을 가져 오는 jquery만을 사용하여.jQuery를 통해 선택한 행의 열 값을 얻는 방법

이

function test(){ 
    var id = $(this).closest("tr").find('td:eq(2)').text(); 
    alert(id); 
}

대신 인라인 onclick 자바 스크립트, 당신은 .click()를 사용할 수 있습니다 :

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
</script> 
<script type="text/javascript"> 

function test(){ 
var id = $(".use-address").closest("tr").find('td:eq(2)').text(); 
    alert(id); 
} 
    </script> 

</head> 
<body> 
<table id="choose-address-table" class="ui-widget ui-widget-content"> 
    <thead> 
    <tr class="ui-widget-header "> 
     <th>Name/Nr.</th> 
     <th>Street</th> 
     <th>Town</th> 
     <th>Postcode</th> 
     <th>Country</th> 
     <th>Options</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td class="nr"><span>50</span> 

     </td> 
     <td>Some Street 1</td> 
     <td>Glas</td> 
     <td>G0 0XX</td> 
     <td>United Kingdom</td> 
     <td> 
     <button type="button" class="use-address" onclick="test();">Use</button> 
     </td> 
    </tr> 
    <tr> 
     <td class="nr"><span>30</span> 
     </td> 
     <td>Some Street 2</td> 
     <td>Glasgow</td> 
     <td>G0 0XX</td> 
     <td>United Kingdom</td> 
     <td> 
      <button type="button" class="use-address" onclick="test();">Use</button> 
     </td> 
    </tr> 
    </tbody> 
</table> 
</body> 
</html>

출처

2014-03-25 b22

당신은 현재의 클릭 버튼 대신 $(".use-address")을 대상으로 $(this)를 사용할 필요가

$('.use-address').click(function() { 
    var id = $(this).closest("tr").find('td:eq(2)').text(); 
    alert(id); 
});

Fiddle Demo

출처

2014-03-25 13:47:36 Felix

경고 상자에 아무것도 표시하지 않으려 고 시도했습니다. 시도해보십시오. – b22

이 바이올린을 확인하십시오. http://jsfiddle.net/SSS83/ – Felix

@ b22 지금 작동합니까? – Felix

앞으로 모든 이름 (td)에 클래스를 추가하는 것이 좋습니다. 예를 들어 나중에 성을 성과 이름으로 분리하거나 이름 뒤에 이메일을 추가 한 경우 등 더 쉽고 더 많은 증거가 될 것입니다.

<td class='country'>United Kingdom</td> 

$('.use-address').click(function() { 
    var id = $(this).closest("tr").find('td.country').text(); 
    alert(id); 
});

출처

2014-03-25 14:16:27 Sharique

jQuery를 통해 선택한 행의 열 값을 얻는 방법

답변

관련 문제