Question

我无法在我的DOM上选择元素。

如何选择td类垃圾桶的所有链接？

<td class="trash_can">
<a rel="nofollow" data-remote="true" data-method="delete" data-confirm="Are you sure you want to delete Greek Theater at U.C. Berkeley?" href="/promotions/2/places/46">
<img id="trash_can" src="http://test.dev/images/trash.png?1305741883" alt="Trash">

以下代码什么都不做，不起作用：

$(function(){
  $('.trash_can').live("click", function(event) {
    console.log('Clicked Delete');
    event.preventDefault();
  });
});

Answer 1

您需要将锚标记添加到选择器

$(function(){
  $('.trash_can a').live("click", function(event) {
    console.log('Clicked Delete');
    event.preventDefault();
  });
});

此外，您应该使用.delegate()而不是live（）

示例：

$(".trash_can").delegate("a", "click", function(){
        console.log('Clicked Delete');
        event.preventDefault();
});

Answer 2

.trash_can选择您的td，而非a。您希望将事件处理程序应用于a元素。

$(function(){
  $('.trash_can a').live("click", function(event) {
    console.log('Clicked Delete');
    event.preventDefault();
  });
});

Answer 3

您可能想要选择链接本身而不是td。

 $(function(){
   $('.trash_can a').live("click", function(event) {
     console.log('Clicked Delete');
     event.preventDefault();
   });
 });

如何在Jquery中选择td类

3 个答案: