听说code能改变world,所以就学了

jquery遍历标签方法

问题:我想遍历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>

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

 1 我的需求大约是这样的,请问除了用 $("div.xinghao:eq(i)这样的方法,还有更简便的吗?
 2 
 3 <div class="xinghao">1</div>
 4 <div class="xinghao">2</div>
 5 <div class="xinghao">3</div>
 6 以上为HTML
 7 for(i=0;i<$(div.xinghao).length;i++){
 8   var text = $("div.xinghao:eq("+i+")").text();
 9   text = myfunc(text);
10   $("div.xinghao:eq("+i+")").text(text);
11 }
12 function myfunc(text){
13    if(text=="1") text="型号一";
14   else if(text=="2") text="型号二";
15   else if(text=="3") text="型号三";
16   return text;
17 }

热心网友的解决方法:

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

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

1  
2     //遍历标签颜色
3     $(".pane-s-color .pane-content .view-content div a").each(function(){
4     
5        $(this).parent().css("background-color",($(this).text()));
6     
7     });

效果如下:

posted @ 2014-01-14 17:00  李腾  阅读(894)  评论(0编辑  收藏  举报

如果我加了黑链呢:http://liteng.org