jquery - Jqueryでtdクラスを選択する方法

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();
  });
});

また、live（）の代わりに.delegate（）を使用する必要があります

例：

$(".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();
   });
 });