Question

我如何获取td的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时，我们都会读取其标题和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);

复制td背景颜色并在单击时将div设置为颜色

3 个答案: