2011-06-07 21 views
1

这里是我的代码使用jQuery根据现场动态改变类值的值

part1的

<ul class="tabs"> 
    <li><a class="tab1" href=""></a></li> 
    <li><a class="tab2" href=""></a></li> 
    <li><a class="tab3" href=""></a></li> 
    ... 
</ul> 

和第2部分的不同部分

<div class="field-items"> 
    <div class="field-item">tab1</div> 
    <div class="field-item">tab3</div> 
    ... 
</div> 

如何使一个条件,使如果在第2部分中它具有值“tab1”和“tab3”,则部分1被修改为包含这些类:

<li class="hiden"><a class="tab1" href=""></a></li> 
... 
<li class="hiden"><a class="tab3" href=""></a></li> 
... 

回答

2

像这样的东西应该为你工作:

$(document).ready(function(){ 
    $("div.field-items div.field-item").each(function(){ 
     $("." + $(this).html()).parent().addClass("hiden"); 
    }); 
}); 
+0

感谢。如果这样的关系怎么办?

  • 111
  • 和第2部分
    111
    Siteogra 2011-06-07 22:01:02

    +0

    你能解决这个'.jQuery(文件)。就绪(函数($){ \t $( '场项目')。每个(函数(){ 变种 TABNAME = $( ().text(); if(tabname =='tab1'|| tabname =='tab3') \t { \t \t $('。tabs li a')。hasClass(tabname).parent()。 addClass(“hiden”); \t} }); })'。 – SIFE 2011-06-07 22:04:54

    +0

    也许我做了错误的事情,但不起作用。 http://jsfiddle.net/5RzxN/ – Siteogra 2011-06-07 22:15:45

    0

    大概是这样的:

    $('.field-item').each(function() 
    { 
        $('.' + this.innerHTML).addClass('hiden'); 
    }); 
    

    也许改变了一点点,但应该做的伎俩。