0

我将桌子设置为

<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 时显示警报消息。目前我没有得到任何输出。

4

6 回答 6

2

Try:

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

jsFiddle example

You need to use the click event, not an attribute (attr()). Depending on what you need, you could also just bind directly to the cell with ID of cell1 with $('#cell1').click(function(){...})

于 2013-09-25T19:36:09.710 回答
1

您的 jquery 选择器必须选择正确的单元格并将 onclick 处理程序附加到它，如下所示：

$('td#cell1').on('click', function(){
    alert('cell1 clicked');
});
于 2013-09-25T19:39:44.757 回答
1 
$('#cell1').on('click',function(){
       alert("Cell 1 was clicked");
 });
于 2013-09-25T19:40:40.610 回答
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点击绑定

于 2013-09-25T19:57:35.670 回答
0

尝试

$("td#cell1").click(function() {
  alert("Cell 1 was clicked")
});
于 2013-09-25T19:38:54.160 回答
0

因为它是一个ID我会直接附上它，attr这不是你要找的。

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

希望这可以帮助。

于 2013-09-25T19:41:14.353 回答