通過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

您需要檢索a的text()，而不是母公司的value屬性。試試這個：

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

請注意，我也固定在你的HTML，即冗餘tr和onclick屬性的一些問題，並增加了一個href，使之有效。

Answer 2

你可以在.text（）然後它的作品中找到錨點上的特定點擊項目。試一次

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

無需綁定的jQuery的點擊，你甚至可以在你的函數傳遞這是一個PARAM，並從這個參數的值。