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())); });
效果如下:
相关文章推荐
- jquery中each遍历各种标签方法
- jquery遍历标签中自定义的属性方法
- jQuery 遍历 - next() 方法
- Jquery中each的三种遍历方法
- jQuery遍历节点-closest()方法使用详解
- jquery循环遍历中add\each\andSelf\eq\filter\map\slice方法的使用
- jQuery 遍历 json 方法大全
- jQuery 遍历 - map() 方法和get()
- jquery遍历json数组方法
- jquery之each循环遍历的方法---split 分割字符串返回数组
- JQuery 遍历 - prev() 方法
- jquery中get和find方法区别,对象与标签元素的互换
- jQuery 遍历 - find() 方法
- jquery数组封装使用方法分享(jquery数组遍历)
- JQuery遍历控件的方法
- jQuery读取JSF中标签、属性的方法
- jQuery实现标签子元素的添加和赋值方法
- jQuery 遍历 - parent() 方法
- jQuery 遍历 - each() 方法
- jquery对Json的各种遍历方法总结(必看篇)