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

    效果如下:

  • 相关阅读:
    layui动态修改select的选中项
    layui 鼠标悬停单元格显示全部
    使用LayUI操作数据表格
    layer.msg 弹出不同的效果的样式
    layer父页面刷新
    layui 获取radio单选框选中的值
    使用Dapper.Contrib
    微信公众号的文章爬取有三种方式
    centos的 各种安装包下载位置
    git pull一直弹出vim编辑器
  • 原文地址:https://www.cnblogs.com/leeten/p/3519372.html
Copyright © 2011-2022 走看看