javascript - jQueryでテーブル行をダブルクリックするとリンクを開く

Question

私はtable次のようなものを持っています：

<table id="table">
    <thead>
      <tr class='tablehead'>
        <th>Test</th>
      </tr>
    </thead>
    <tbody>
      <tr class='tablecell'>
        <td>
        </td>
      </tr>
    </tbody>
</table>

1. 行をダブルクリックしてリンクをトリガーできるようにしたい。
2. 何らかの方法で ID を送信する必要があります。これはどこで定義すればよいですか？これにより、選択した行を後で編集できます。

これを行う方法はありますか？

Answer 1

あなたが書いたjQuery はありますか? これがヘッドスタートです...

次の行で ID を定義します。

<tr id="something">...</tr>

次に、次のようなものを使用します。

$('tr').dblclick(function(){
  var id = $(this).attr('id');
  //do something with id
})

Answer 2

次のような意味ですか。

$(document).ready(function() {
    $('.tablecell').click(function() {
        return false;
    }).dblclick(function() {
        window.open("your_url");
        return false;
    });
});

隠しフィールドを作成し、ダブルクリックしたときにそのフィールドにIDを入力できます。

Answer 3

実際のデモ: http://jsfiddle.net/Xr7LC/ (提供されたサンプル コードから作成)

1. dblclickAPI http://api.jquery.com/dblclick/を使用

2. を使用$(this).attr('id')して ID を取得できます。明らかに、タグで ID を定義します。

dblclick の jQuery コード:

$(document).ready(function() {
    $('#table >thead > tr').dblclick(function() {
    alert('Row dblclicked');
        alert($(this).attr('class'));
    });
});​

Answer 4

これはあなたを助けるかもしれません：

jQuery(function($) {
    $('#table tr').click(function() {
        return false;
    }).dblclick(function() {
        window.location = url;
        return false;
    });
});