2012-04-30 125 views
0

上表行双击时,我有一个table,看起来像这样:打开链接使用jQuery

<table id="table"> 
    <thead> 
     <tr class='tablehead'> 
     <th>Test</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr class='tablecell'> 
     <td> 
     </td> 
     </tr> 
    </tbody> 
</table> 
  1. 我希望能够通过双击某行,然后触发一个链接。
  2. ID必须以某种方式传输。我应该在哪里定义这个?这使我可以在之后编辑选定的行。

任何想法如何做到这一点?

+0

以下问题的答案全部都ok。请记住,为了使用jQuery,您必须在头标HTML代码中声明该库。与其他任何JavaScript文件一样。当然,你必须先下载它。 – elvenbyte

+0

是的你是对的,但不幸的是我只能接受一个。它按预期工作:) – doonot

回答

9

你有没有任何你写的jQuery呢?这里有一个领先地位......

定义你的ID行中:

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

然后使用这样的事情:

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

工作演示:http://jsfiddle.net/Xr7LC/(从示例代码中创建您提供)

  1. 使用dblclick api 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')); 
    }); 
});​ 
+0

我认为这是一个很好的方法,但在这个阶段可能有些复杂的dooonot。 – elvenbyte

3

你的意思是这样的:

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

,你可以创建一个隐藏字段并填充字段的ID时双击。

4

这可能会帮助您:

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