2012-03-23 75 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