クリックしたリンクの値をJqueryで取得しますか？

Question

クリックされたリンクの値を取得しようとしていますが、私は定義されていません。 私がしようとしているコードを見つけてください：

<table id="tableData" style="width: 100%;"> 
    <tr> 
     <tr> 
      <td><a onClick="changeValue();">Apple</a> </td> 
      <td>23-May-2016</td> 
     </tr> 
</table> 

$(document).on('click', '#tableData td a', function() { 
    alert($(this).parent().attr('value')); 
}); 

を今私がAppleリンクをクリックしたときに、私は価値Appleを取得するが、私が取得することはundefinedである必要があります。誰が私が間違っているのか教えてもらえますか？

Answer 1

親のvalue属性ではなく、aのtext()を取得する必要があります。私はまた、あなたのHTMLに、すなわち冗長trとonclick属性をいくつかの問題を修正し、それが有効にするためにhrefを追加したことを

$(document).on('click', '#tableData td a', function(e) { 
 
    e.preventDefault(); 
 
    console.log($(this).text()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table id="tableData" style="width: 100%;"> 
 
    <tr> 
 
    <td><a href="#">Apple</a></td> 
 
    <td>23-May-2016</td> 
 
    </tr> 
 
</table>

注：これを試してみてください。

Answer 2

アンカーで特定のクリックしたアイテムを.text（）で取り出すことができます。あなたものparamとしてあなたの関数でこれを渡すことができますクリックして、このパラメータの値を取得するjQueryの結合の必要はありません

$(document).on('click', '#tableData td a', function() { 
 
    var value = $(this).text(); 
 
    alert(value); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table id="tableData" style="width: 100%;"> 
 
    <tr> 
 
    <td><a href="#">Apple</a></td> 
 
    <td>23-May-2016</td> 
 
    </tr> 
 
    <tr> 
 
    <td><a href="#">Nokia</a></td> 
 
    <td>23-May-2016</td> 
 
    </tr> 
 
    <tr> 
 
    <td><a href="#">SamSung</a></td> 
 
    <td>23-May-2016</td> 
 
    </tr> 
 
</table>

Answer 3

たらそれを試してみてください。