• 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     });

    效果如下:

  • 相关阅读:
    OWNER:Java配置文件解决方案 使用简介
    验证数字最简单正则表达式大全
    使用Spring进行统一日志管理 + 统一异常管理
    SpringMVC 拦截器
    Java排序
    tomcat编码配置
    日常任务
    netty入门代码学习
    redis学习
    AutoLayout And Animation
  • 原文地址:https://www.cnblogs.com/leeten/p/3519372.html
Copyright © 2020-2023  润新知