zoukankan      html  css  js  c++  java
  • 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     });

    效果如下:

  • 相关阅读:
    微信小程序基础 | 小程序事件的绑定 | 08
    Python的驻留机制(仅对数字,字母,下划线有效)
    深浅Copy的理解
    python2/3区别
    Python的优缺点、以及解释器种类
    Python涉及的各个领域以及技术应用
    近年主流编程语言的了解
    编程语言(机器语言、汇编语言、高级语言)
    mysql常用SQL语句
    mysql数据库的优缺点
  • 原文地址:https://www.cnblogs.com/leeten/p/3519372.html
Copyright © 2011-2022 走看看