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;
    });
});