1

私は以下のようなテーブルを持っています

<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 増やしたいと思います。ボタンがクリックされた行にあるそのセルの値を取得するにはどうすればよいですか。

<tr>テーブルのタグでid属性で作成してみました。

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

しかし、テーブルレコードにidを追加せずに取得することは可能ですか?

4

4 に答える 4

2 
<script>
function inc()
{
  var val = parseInt(document.getElementById('myid').value);
  val++;
  document.getElementById('myid').value =val;
}
</script>
于 2012-12-13T14:57:57.583 に答える
1

jQueryが使えるなら 

$('table input[type="button"]').click(function() {
        cell = $(this).parent().prev();
        cell.text(parseInt(cell.text()) + 1);
    });
于 2012-12-13T14:57:19.510 に答える