2010-11-05 73 views
0

假設下面的HTML:如何從點擊的錨點外部獲取值onClick?

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

回答

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

將爲這種情況下工作,但如果他發生了改變表的結構,那麼將無法正常工作。 – shoebox639 2010-11-05 15:56:41

+0

@ shoebox639 - 的確如此。但是OP特別說,「假設下面的HTML」告訴我這是他擔心的HTML。如果改變了,他也必須更新腳本。關於您的解決方案也可以這樣說...如果ID更改會怎麼樣? – 2010-11-05 15:58:42

0

Click事件的功能,該值將是$(本).siblings('td')。text()我相信,名字是$(this).text()。

1
name = $(this).text() 
value = $('#value_' + $(this).attr('id').substring($(this).attr('id').length-1)).text() 
1
$('#logNameAndValue').click(function(event){ 
    name=$(this).text(); 
    value=$(this).parent().next("td").text(); 
    console.log("name=" + name + " value=" + value); 
});