копия цвет тд фона и установить деление до цвета при нажатии на

Question

Как я могу взять BGCOLOR и титул тд, а затем установить DIV на этот цвет и выписывать название рядом с 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, мы читаем его атрибуты title и 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);