用js或jq获取色块值？新手求助

iYoloyolo 2016-09-20 09:13:38

<!DOCTYPE html>
<html lang="cmn">
<head>
<meta charset="UTF-8">
<title>shiyishi4</title>
<style type="text/css">
div{
width: 40px;
height: 40px;
float: left;
margin-left: 40px;
text-align: center;
margin-top: 40px;
padding: 40px;
cursor: help;

}
</style>
<script type="text/javascript" src="C:\Users\Administrator\Desktop\jquery-2.1.4\jquery.js"></script>
<script type="text/javascript" language="javascript">
$(function(){
$("div").click(function(){
//这里不会写
$("span").html(color);
})
})
</script>
</head>
<body>
<div style="background:red">红色</div>
<div style="background:black">黑色</div>
<div style="background:blue">蓝色</div>
<div style="background:yellow">黄色</div>
<div style="background:gray">天灰</div>
点击了<span></span>
</body>
</html>
如何用js 或者jq实现我点击哪个色块，在点击了那里就显示点击的色块的名字，如（我点击了红色块，则显示“点击了红色”或者显示“点击了red”）

...全文

181 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

iYoloyolo 2016-09-21

打赏
举报

引用 1 楼 jslang 的回复:


$(function() {
	$("div").click(function() {
		var text = $(this).text();
		var color = $(this).css("backgroundColor");
		$("span").html(text+" "+color);
	})
})

谢谢大神

天际的海浪 2016-09-20

打赏
举报


$(function() {
	$("div").click(function() {
		var text = $(this).text();
		var color = $(this).css("backgroundColor");
		$("span").html(text+" "+color);
	})
})