Question

求JS代码：点击li复制括号外的内容，点击另一个div粘贴到指定的input，再点击....

<div id="showcolor">
<ul class="1bcolor_selectGroups" style="text-align:left">
<li style="background:#F5DE00">Yellow C</li> //点击li复制指定的内容“Yellow C”
<li style="background:#CC2D3B">Red 032C</li>
<li style="background:#F5E600">102C</li> </ul> </div>

<div id="select_band_color">
<ul class="band_color_selectGroups" style="text-align:center">
<li><input type="text" id="bc1" size="8" maxlength="20" style="font-size: 18px;" placeholder="Band Color 1"
onkeyup="document.innerHTML=this.value;setTextValue(this.value,'attrib_3_0');" /></li>
<li><div id="b1p" style="border: solid 1px;font-size: 14px;width: 50px;">Paste</div></li> //点击"b1p"将复制的内容粘贴到"bc1"
<li><div id="b1e" style="border: solid 1px;font-size: 14px;width: 30px;">OK</div></li> //然后点击"b1e"进行确认，并将被复制内容对应的背景颜色值在另一个div中显示该背景色
</ul> </div>

<div id="messageshow"></div> //需要显示背景色的div
补充一下：或者不需要点击"b1e"进行确认，可以的话，点击"b1p"粘贴后直接就在另一个div 显示该颜色（如果这样能实现的话，是不是就等于手动输入颜色名称就能显示这个颜色了？）.....

Answer 1

你好，引入jQuery。然后运行下面的代码。

<script type="text/javascript">
	$(function(){
		var col = '';
		var val = '';
		$('.1bcolor_selectGroups').find('li').each(function(index){
			$(this).click(function(){
				col = $(this).css('backgroundColor');
				text = $(this).text();
				console.log(col+'---'+text);
			});
		});
		$('#b1p').click(function(){
			$('#bc1').val(text);
		});
		$('#b1e').click(function(){
			$('#messageshow').css('backgroundColor',col);
		});
	});
</script>