使用jquery基于其id选择表格单元格

时间:2013-09-25 19:33:29

标签: javascript jquery

我将表格设置为

<table class="tab1" width="400" cellpadding="20">
     <tr>
         <td id="cell1">Name</td>
         <td id="cell2">Company</td>
     </tr>
</table>

正在使用

进行访问
<script type="text/javascript">
     $(document).ready(function(){
         if($('#cell1').attr('click',true)) {
             alert("Cell 1 was clicked");
         }
     });     
</script>

我希望在单击cell1时显示警告消息。目前我没有得到任何输出。

6 个答案:

答案 0 :(得分:2)

尝试:

$('td').click(function(){
    if(this.id=='cell1') alert('cell1 clicked');
});

<强> jsFiddle example

您需要使用click事件,而不是属性(attr())。根据您的需要,您也可以直接绑定到ID为cell1的单元格$('#cell1').click(function(){...})

答案 1 :(得分:1)

你的jquery选择器必须选择适当的单元格并附加onclick处理程序,如:

$('td#cell1').on('click', function(){
    alert('cell1 clicked');
});

答案 2 :(得分:1)

$('#cell1').on('click',function(){
       alert("Cell 1 was clicked");
 });

答案 3 :(得分:0)

尝试

$("td#cell1").click(function() {
  alert("Cell 1 was clicked")
});

答案 4 :(得分:0)

因为它是ID我会直接附加它,attr不是你想要的。

$('#cell1').click(function(){
    alert('Cell1 has been clicked!');
});'

希望这会有所帮助。

答案 5 :(得分:0)

jQuery代码中,您需要使用ID来定位您的元素:

$('#cell1').click(function(){
    alert('cell1 was clicked');
});

如果您希望在定位方面更加通用,请改为相似:

$('#my-table td').click(function(){
    alert($(this).attr('name')+' was clicked');
});

使用此HTML代码:

<table id="my-table" class="tab1" width="400" cellpadding="20">
     <tr>
         <td name="cell1">Name</td>
         <td name="cell2">Company</td>
     </tr>
</table>

使用第二种方法,您可以分析LI点击次数

的绑定