Как выбрать для класса td в Jquery

Question

У меня проблемы с выбором элемента в моей DOM.

Как вы выбираете для всех ссылок корзины td class?

<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

.trash_can выбирает ваш td, а не его a.Вы хотите применить обработчик событий к элементу a.

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

Answer 2

вам нужно привязать тег к селектору

$(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 3

Вы, вероятно, хотите выбрать сами ссылки, а не тд.

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