如何从单击的锚点外部获取onClick值？

Question

假设以下HTML：

<tr id="record_1" >
<td id="name_1"><a href="#" id="logNameAndValue">Charles Dickens</a></td><td id="value_1">A Christmas Carol</td>
</tr>

如何通过部分使用以下jQuery打印出name=Charles Dickens value=A Christmas Carol：

$('#logNameAndValue').click( function(event){
    name=?
    value=?
    console.log("name=" + name + " value=" + value);
});

Answer 1

$('#logNameAndValue').click(function(event){
    name = $(this).text();
    value = $(this).parent().next().text();
    console.log("name=" + name + " value=" + value);
});

Answer 2

name = $(this).text()
value = $('#value_' + $(this).attr('id').substring($(this).attr('id').length-1)).text()

Answer 3

$('#logNameAndValue').click( function(event){ 
    name=$(this).text();
    value=$(this).parent().next("td").text();
    console.log("name=" + name + " value=" + value);
}); 

Answer 4

在click事件函数中，值为$（this）.siblings（'td'）。text（）我相信，名称将是$（this）.text（）。