jquery遍历标签⽅法
问题:我想遍历view-content下⾯的div标签然后将a中⽂本的内容设置为⽗元素div的背景颜⾊:<div class="view-content">
<div>
<a href="/drupal/taxonomy/term/27">black</a>
</div>
jquery在一个元素后追加标签<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();
9text = myfunc(text);
10$("div.xinghao:eq("+i+")").text(text);
11}
12function 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 });
效果如下:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论