javascript - 使用 jquery 根据 id 选择表格单元格

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

最佳答案

尝试:

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

<强> jsFiddle example

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

关于javascript - 使用 jquery 根据 id 选择表格单元格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19013652/

相关文章:

javascript - 如何访问元素相对于其父元素的位置

javascript - 如何在节假日期间在 wordpress 中使用 php 或 Javascript 更改 css

javascript - JavaScript 中 HTML 表格内容列和行的平均值

javascript - window.on ('load' , function() {}) 完成后页面元素仍在加载?

jquery - 由于混合内容问题 (http/https),​​XHR 响应被 Chrome 阻止

javascript - 嵌套 DIV 中的 HTML 不会改变

javascript - jQuery:单击时将 div 向左移动并将其带回其原始位置(使用相同的按钮)

javascript - JQuery 更改特定元素内的类名

javascript - Liferay 6.2 模式在关闭时添加回调

javascript - 在 MVC5 中使用 Action 执行 ajax 调用