副本TD背景色，并设置div来点击时的颜色

Question

我如何可以采取TD的BGCOLOR和标题，然后设置一个div到颜色并写出标题股利

<div id="boxcolor1">change color</div><div id="boxtext1">write td title here</div> 


<table id="box1"><tr><td title="Maroon" bgcolor="#5A0014"></td></tr></table> 

旁边我敢肯定，这是可能的，但我不能看到它的工作对我来说......

感谢

Answer 1

试试这个jQuery代码

$("#box1 tr td").bind("click",function(){   
     $("#boxtext1").html($(this).attr("title")); 
     $("#boxcolor1").css("background-color",$(this).attr("bgcolor")); 
}); 

在这里，我们循环每个td，并且每当用户点击任何td时，我们正在读取其标题和bgcolor属性，并将其设置为给定的div。

Answer 2

$("table#box1 tr td").click(function(){ 
    var bgcolor = $(this).attr("bgcolor"); 
    var title = $(this).attr("title"); 
    $("boxcolor1").css("background-color",bgcolor); 
    $("boxtext1").html(title); 
}) 

快乐编码

Answer 3

Working Demo

在这里，你就会明白：

var cell=$("table#box1 tr td:first"); 
var title=cell.attr("title"); 
var color=cell.attr("bgcolor"); 

$("#boxcolor1").css({"background":color}); 
$("#boxtext1").text(title);