Jquery 将CSS应用于div的头实例

Jquery 将CSS应用于div的头实例,jquery,css,Jquery,Css,我有一个非常高级的标题来选择内容。对于内容,我想根据标题所属的行对标题应用不同的颜色 我离自动取款机很近;它在div处提供边框底部,而不是标题 rows是行数,例如12。 getRowColor(i)给了我一个十六进制颜色,由于该颜色出现在div的底部,所以应该可以工作 函数setCSSColors(){ //设置标题正确的颜色 var blockIncrement=1/行; 对于(变量i=0;i0){ 最小值+=0.00000001; } $(“.headline”).filter( 函数()

我有一个非常高级的标题来选择内容。对于内容,我想根据标题所属的行对标题应用不同的颜色

我离自动取款机很近;它在div处提供边框底部,而不是标题

rows是行数,例如12。 getRowColor(i)给了我一个十六进制颜色,由于该颜色出现在div的底部,所以应该可以工作

函数setCSSColors(){
//设置标题正确的颜色
var blockIncrement=1/行;
对于(变量i=0;i0){
最小值+=0.00000001;
}
$(“.headline”).filter(
函数(){
返回parseFloat($(this.attr(“数据评级”))>=min&&

parseFloat($(this).attr(“data rating”)虽然很难理解哪些元素应该被着色,但我认为您可能希望将
div
中的
h1
元素作为目标,而不是
div
本身

你可以通过改变

$(this.css(“边框底部”、“2px实心”+getRowColor(i)+”);

进入

$(this.find('h1').css(“边框底部”、“2px实体”+getRowColor(i)+”);


目标是
div
中的所有
h1
元素(而不仅仅是第一个).

div中的一些html会很酷。更酷的是,如果你能把你的JS、CSS和标记放在一个表格中给我们看。还有,
getRowColor
是否返回了你所期望的?编辑我的文章,行有一个int值,getRowColor返回了我所期望的。这个项目非常复杂,占用了大量资源,所以fiddle对我来说并不是很好r it.@clangkill3r:解决问题的一部分是识别和隔离问题,在jsfiddle上发布一个最小的演示有时本身可以帮助您解决问题(或者至少帮助您解决问题)。
<div class="headline" data-rating="0.482005543693" onclick="javascript:showArticle(1076);" style="display: none; ">
                        <div class="headline_txt"><h1>#3726: Meryl Streep schittert in The Iron Lady- alle recensies op een rijtje</h1></div>                       <div class="preview_txt"><p>De eerste foto's van actrice Meryl Streep als de Britse voormalig premier Margaret Thatcher <a href="http://www.guardian.co.uk/film/2011/feb/08/meryl-streep-margaret-thatcher-iron-lady#">leidden</a> vorig jaar al tot een stortvloed aan publiciteit. Nu is <a href="http://www.imdb.com/title/tt1007029/"><em>The Iron Lady</em></a> er dan ook echt. Vanaf vandaag draait de film in de Nederlandse bioscopen. Lees hier alle recensies.<!--more--></p></div>                  </div>