0

テーブル内の行数をカウントする必要があります。ユーザーが画像内の画像をクリックしたときにそれらをカウントする必要があります<td>

これまでのところ、次のようなことを試しました。

$(".up, .down").click(function(){
var rows = $(this).closest('table').find('tr').length;
});

.up と .down は、クリックされた画像のクラスです 実用的な理由から、テーブルには ID がありません...最も近いテーブルではなく、最初のテーブルを取るようです...

- - 追加した - -

    <table class='bokse'><tr>
<tr sideid='7' sidepos='1'>
<td><h3 class='link' pid='7'>Formål</h2></td>
<td><img src='btn/op.png' class='up' title='ryk op' alt='op' /> <img src='btn/ned.png' class='down' title='ryk ned' alt='ned' /> <img src='btn/vis.png' class='vis' item='page_7' title='vis' alt='vis' /></td>
</tr>
<tr sideid='8' sidepos='2'>
<td><h3 class='link' pid='8'>Vedtægter</h2></td>
<td><img src='btn/op.png' class='up' title='ryk op' alt='op' /> <img src='btn/ned.png' class='down' title='ryk ned' alt='ned' /> <img src='btn/vis.png' class='vis' item='page_8' title='vis' alt='vis' /></td>
</tr>
<tr sideid='10' sidepos='3'>
<td><h3 class='link' pid='10'>Bliv medlem</h2></td>
<td><img src='btn/op.png' class='up' title='ryk op' alt='op' /> <img src='btn/ned.png' class='down' title='ryk ned' alt='ned' /> <img src='btn/vis.png' class='vis' item='page_10' title='vis' alt='vis' /></td>
</tr>
</table>

このような長さのテーブルがシリーズ化されています。それぞれが別のテーブル内にネストされています。

行数はさまざまですが、最初の表のように、どれをクリックしても4行あると表示されます

4

1 に答える 1

2

それは冒頭のエキストラ<tr>のせいです。<tr>終わりのない最初のものを削除し</tr>ます。<table class='bokse'><tr> これを参照してくださいhttp://jsfiddle.net/3PM9M/

$(".up, .down").click(function(){

    alert('total rows -' + $(this).parents('table').find('tr').length); //Gives all the tr's
    alert('Clicked row -' + (parseInt($(this).parents('tr').index()) + 1)); // clicked tr's index
});
于 2013-04-15T19:45:13.800 に答える