1

そのテーブル内にクリック可能なセル (td) を含む HTML テーブルを作成しました (Excel に似ています)

入力フィールドがあります (読み取り専用)

<input type="text" readonly="">

この入力フィールドのテーブルをクリックしたときに、ユーザーがクリックされた場所の座標を表示したいと考えています。

たとえば、ユーザーが X 軸で名前 2、Y 軸で 16 に対応するセルをクリックした場合、入力フィールドに「名前 2 | 16」と表示する必要があります。

これは参照用の表示なので、ユーザーは雑然としたグリッドで何をクリックしたかを確認できます。Excel内の任意のセルをクリックすると、Excelはこれを行います。

ここでjsfiddleを作成しました

http://jsfiddle.net/37PGT/

助けを求めています。

4

2 に答える 2

2

idにofを追加してcellRefから、inputハンドラmouseupに次のコードを追加します。

var row = $(this).closest('tr').index() + 1;
var cell = $(this).index();
$('#cellRef').val(row + ' | ' + cell);

更新されたフィドル

行のラベルを取得するには (入力を にフォーマットできるようにするには、次のName 1 | 1行を使用して を設定しrowます。

var row = $(this).closest('tr').find('td:first').text();
于 2013-01-11T10:42:44.287 に答える
0

さて、私は次のことを提案できます：

var rowIndex= jQuery.ArrayIn($(this).parent(),$('#tableID tr'));
var columnIndex=jQuery.ArrayIn($(this),$(this).parent().children('td'));


このような操作のためにスクリプトがビジー状態になる可能性があります。行番号や列番号などのカスタム属性をそれぞれに保存することをお勧めします。これ<td>により、操作が簡単になるだけでなく、単に選択するだけでなく、より多くの機能を提供できるようになります。

于 2013-01-11T11:04:25.010 に答える