2011-06-07 5 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

    +0

    あなたは{ \t $( 'フィールド項目')この '.jQuery(ドキュメント).ready(関数($)を補正します。各(関数() { するvar TABNAME = $(本)の.text(); IF(TABNAME == 'TAB1' || TABNAME == 'TAB3') \t {\t \t $()hasClass(TABNAME).parent() 'タブのLi A'。 ( "hiden"); \t} }); }) '。 – SIFE

    +0

    私は何か間違ったことをしたかもしれませんが、うまくいきません。 http://jsfiddle.net/5RzxN/ – Siteogra

    0

    おそらくこのような何か:

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

    たぶん修正の少しが、トリックを行う必要があります。このような