文章/答案/技术大牛

发布

社区首页 >问答首页 >Rails 3 jQuery :如何提醒td的id

问Rails 3 jQuery :如何提醒td的id
EN

Stack Overflow用户

提问于 2012-03-16 01:57:12

回答 2查看 428关注 0票数 1

我有一个3x3的td表，每个td都有id (id='a1'...id='c3')。我希望能够点击9个td中的任何一个，并提醒该td的id。

这是我的Coffeescript (在资产管道中)

$(document).ready ->
$("td").click ->
    alert(#I would like to alert the id of whichever of the 9 td cell's have been clicked on)

这是我的index.html.erb

<table>
 <tbody>
  <tr>
   <td id='a1'>A1</td>
   <td id='b1'>B1</td>
   <td id='c1'>C1</td>
  </tr>

  <tr>
   <td id='a2'>A2</td>
   <td id='b2'>B2</td>
   <td id='c2'>C2</td>
  </tr>

  <tr>
   <td id='a3'>A3</td>
   <td id='b3'>B3</td>
   <td id='c3'>C3</td>
  </tr>
 </tbody>
</table>

我在JS做的很糟糕，所以任何帮助都是非常感谢的！

javascript

html

ruby-on-rails-3

jquery-ui

coffeescript

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-03-16 02:03:15

$('td').click: (e)->
  alert $(@).id

在CoffeeScript中也是如此

此外，使用html元素存储用户数据非常容易，使用data-*属性，例如：

<td data-id="42"></td>

使用jQuery data方法可以很容易地获得这个id，如下所示：

var id = $('td').data('id');

票数 2

Stack Overflow用户

发布于 2012-03-16 02:05:29

首先，与将click处理程序附加到每个td相比，使用jQuery on会产生更好的性能，特别是当您有很多td时：

$('table').on 'click', 'td', (event) ->
  # event.currentTarget is the td which was clicked
  alert event.currentTarget.id

event.currentTarget将是一个DOM元素对象，因此每个属性都将作为该对象的一个属性。提到$(this).id的其他答案是错误的，因为$(this) (或$(event.currentTarget))是一个jQuery对象，同样的属性也可以通过attr方法获得：$(this).attr('id')。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/9725433

复制

相似问题

问Rails 3 jQuery :如何提醒td的id
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Rails 3 jQuery :如何提醒td的idEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Rails 3 jQuery :如何提醒td的id
EN