2012-03-23 144 views
0
<table border="1"> 
    <tr><td>aaa</td><td>aaa</td><td>aaa</td><td>aaa</td><td><a style="display:none" color="#ff00cc" title="t">t</a><a color="blue" title="asas">a</a></td></tr> 
    <tr><td>aaa</td><td>aaa</td><td>aaa</td><td>aaa</td><td><a style="display:none" color="#6600cc" title="t">t</a><a color="blue" title="asas">a</a></td></tr> 
    <tr><td>aaa</td><td>aaa</td><td>aaa</td><td>aaa</td><td><a style="display:none" color="#00ccff" title="t">t</a><a color="blue" title="asas">a</a></td></tr> 
</table> 

如何使用jQuery爲整個當前TR設置背景色?我必須從上一個TD,從選擇器a(不可見),從參數顏色獲得顏色,其中title ='t'。 感謝您的幫助!設置背景值

http://jsfiddle.net/QaC9w/1/

我想收到:

http://jsfiddle.net/QaC9w/2/

+3

[你有什麼嘗試](http://mattgemmell.com/2008/12/08/what-have-you-tried/) – 2012-03-23 14:14:02

+0

你似乎已經鏈接到一個空的JS小提琴。我們不會爲你做你的工作。 – meagar 2012-03-23 14:16:54

+0

我想收到:http://jsfiddle.net/QaC9w/2/ – 2012-03-23 14:17:52

回答

2
$('a[title="t"]').each(function() { // the <a> you want to look at 
    var tr = $(this).parents('tr'); // the tr of this <a> 
    tr.css({ 
     backgroundColor: $(this).attr('color') // set the color based on the <a> 
    }); 
});​ 

小提琴:http://jsfiddle.net/maniator/QaC9w/6/

+0

謝謝,但是這個工作不好:http://jsfiddle.net/QaC9w/3/。我想收到:http://jsfiddle.net/QaC9w/2/ – 2012-03-23 14:18:15

+0

@TimothyGrees我更新了它。它應該現在工作:-) – Neal 2012-03-23 14:20:20

1

試試這個,我認爲它應該工作:

$(this).closest('tr').css('background-color','your color'); 
+1

但如何獲得當前顏色? – 2012-03-23 14:19:48

+2

就像這樣:var color = $(this).closest('tr')。(「td:last」)。css('color'); – WebweaverD 2012-03-23 14:23:52