副本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);