我试图将一个帘幕div分别添加到列表中的每个项目。我可以使用以下命令轻松地将div添加到每个项目:
$("ul li a").append('<div class="curtain"></div>');
但是我需要能够设置所创建的每个窗帘的背景颜色属性。
function curtain() {
var el = document.getElementByTagName('ul li');
this.anchor = el.querySelector('a');
this.image = el.querySelector('img');
this.curtain = document.createElement( 'div' );
this.curtain.className = 'curtain';
var rgb = new ColorFinder( function favorHue(r,g,b) {
// exclude white
//if (r>245 && g>245 && b>245) return 0;
return (Math.abs(r-g)*Math.abs(r-g) + Math.abs(r-b)*Math.abs(r-b) + Math.abs(g-b)*Math.abs(g-b))/65535*50+1;
} ).getMostProminentColor( this.image );
if( rgb.r && rgb.g && rgb.b ) {
this.curtain.style.background = 'rgb('+rgb.r+','+rgb.g+','+rgb.b+')';
}
this.anchor.appendChild(this.curtain);
};
目前不适用于此功能,我不确定为什么。
您可以使用输入的同一行,但要进行一些编辑:
$("ul li")each(function()
{
var new_div=$('<div class="curtain"></div>');
// get the color with your code
new_div.css({"background":'rgb('+rgb.r+','+rgb.g+','+rgb.b+')'})
//$(this) is an (ul li) item
$(this).find("a").append(new_div);
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句