您的位置:首页 > Web前端 > JQuery

jquery遍历标签方法

2014-01-14 17:00 274 查看
问题:我想遍历view-content下面的div标签然后将a中文本的内容设置为父元素div的背景颜色:

<div class="view-content">
<div>
<a href="/drupal/taxonomy/term/27">black</a>
</div>
<div>
<a href="/drupal/taxonomy/term/32">green</a>
</div>
<div>
<a href="/drupal/taxonomy/term/30">red</a>
</div>
<div>
<a href="/drupal/taxonomy/term/28">white</a>
</div>
<div>
<a href="/drupal/taxonomy/term/29">yellow</a>
</div>
</div>


解决方法:上网查发现有同学有有类似的问题:

我的需求大约是这样的,请问除了用 $("div.xinghao:eq(i)这样的方法,还有更简便的吗?

<div class="xinghao">1</div>
<div class="xinghao">2</div>
<div class="xinghao">3</div>
以上为HTML
for(i=0;i<$(div.xinghao).length;i++){
var text = $("div.xinghao:eq("+i+")").text();
text = myfunc(text);
$("div.xinghao:eq("+i+")").text(text);
}
function myfunc(text){
if(text=="1") text="型号一";
else if(text=="2") text="型号二";
else if(text=="3") text="型号三";
return text;
}


热心网友的解决方法:

$('div.xinghao').each(function(){
$(this).text('型号'+( ($(this).text()=='1')?'一':($(this).text()=='2')?'二':'三'));
});


所有我参考了上面的方法做出了想要的效果--代码:

//遍历标签颜色
$(".pane-s-color .pane-content .view-content div a").each(function(){

$(this).parent().css("background-color",($(this).text()));

});


效果如下:
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: