javascript - 使用 jQuery eq() 和 not() 绑定(bind)不同的事件

标签 javascript jquery html

HTML

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
<td>row 1, cell 3</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
<td>row 2, cell 3</td>
</tr>
</table>

JS

$(document).ready(function() {

  $("tr").find("td").eq(2).click(function(){
      alert('hi');
  });

  $("tr").find("td").not().eq(2).click(function(){
      alert('hi2');
  });

});

我在这里想做的是为每 3 个 <td> 绑定(bind)一个不同的点击事件。每行和每隔一行<td>不同的点击功能。第一个功能有效,但如何绑定(bind) <td> 的事件哪一个不是第三个?

最佳答案

将选择器传递给 not 方法。

$("tr").find("td").not(':eq(2)').click(function(){
     alert('hi2');
});

http://jsfiddle.net/z9HUB/

关于javascript - 使用 jQuery eq() 和 not() 绑定(bind)不同的事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14190155/

相关文章:

javascript - 我可以在 Express POST 请求中进行 DOM 操作吗?

javascript - 如何修复 jQuery 中的变形问题?

javascript - 将表行加载到数组的数组

html - 我无法从 bootstrap 的列和行中删除边距或填充,因为它看起来不错

javascript - 如何使用javascript显示div多步?

javascript - angular2 TS2322 给定字符串时,类型 'Promise<void>' 不可分配给类型 'Promise<string>'

javascript - 在 React 中将 Material UI 组件作为 props 传递

asp.net - 使用 JQuery 在 GridView ASP.NET 中选择所有复选框

html - 修复了 div 卡在父级中的问题 - CSS

html - LESS 编译的 css 中动态属性的最佳方法