버튼은 HTML 테이블에 눌려있는 행을 얻기

Question

내가 가진 내가 버튼을 클릭하면

<table> 
<tr> 
<td>Item1</td><td>Price-100</td><td>1</td><td><input type="button" value="add one"/> 
</tr> 
<tr> 
<td>Item2</td><td>Price-120</td><td>4</td><td><input type="button" value="add one"/> 
</tr> 
<tr> 
<td>Item3</td><td>Price-90</td><td>2</td><td><input type="button" value="add one"/> 
</tr> 
</table> 

, 난만큼 증가 행의 3 셀의 값을 증가하고자 아래와 같이 테이블 1. 버튼을 클릭 한 행에있는 해당 셀의 값을 어떻게 얻을 수 있습니까?

id 속성을 사용하여 테이블의 태그로 만들려고했습니다.

var tableRow = $('#tr1').find('td'); 
var origVal = parseInt($(tableRow[2]).text()); 
origVal+=1; 
$(tableRow[2]).text(origVal); 

하지만 테이블 레코드에 ID를 추가하지 않고도 얻을 수 있습니까?

Answer 1

당신은 jQuery

$('table input[type="button"]').click(function() { 
     cell = $(this).parent().prev(); 
     cell.text(parseInt(cell.text()) + 1); 
    }); 

여기

Answer 2

jQuery를 사용하면 수행 할 수 있습니다

<script> 
    $('table button').click(function() { 
     var $td = $(this).parent().prev(); 
     var val = parseInt($td.text(), 10) + 1; 
     $td.text(val); 
    }); 
</script> 

Answer 3

<script> 
function inc() 
{ 
    var val = parseInt(document.getElementById('myid').value); 
    val++; 
    document.getElementById('myid').value =val; 
} 
</script> 

Answer 4

이 완벽한 솔루션입니다 사용할 수 있는지, 따로 JS 기능에서 당신은 또한 당신의 HTML을 수정해야합니다. [당신이 시도 무엇?]

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    function increment(row) 
    { 
     var row = row -1; 
     var existing_value = Number($('#mytable tr:eq('+row+') > td:eq(2)').text()); 
     $('#mytable tr:eq('+row+') > td:eq(2)').text(existing_value+1) 
    } 
</script> 

<table id="mytable"> 
    <tr> 
     <td>Item1</td><td>Price-100</td><td>1</td><td><input type="button" value="add one" onClick="increment(1);" /> 
    </tr> 
    <tr> 
     <td>Item2</td><td>Price-120</td><td>4</td><td><input type="button" value="add one" onClick="increment(2);" /> 
    </tr> 
    <tr> 
     <td>Item3</td><td>Price-90</td><td>2</td><td><input type="button" value="add one" onClick="increment(3);" /> 
    </tr> 
</table>