使用jQuery根据字段值动态更改类值

使用jQuery根据字段值动态更改类值,jquery,Jquery,下面是我代码的不同部分 第一部分 ... 第二部分 <div class="field-items"> <div class="field-item">tab1</div> <div class="field-item">tab3</div> ... </div> 表1 表3 ... 如何设置一个条件,使第2部分中的值为“tab1”和“tab3”,则第1部分修改为包含以下类: <li cl

下面是我代码的不同部分

第一部分

  • ...
第二部分

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

表1
表3
...
如何设置一个条件,使第2部分中的值为“tab1”和“tab3”,则第1部分修改为包含以下类:

<li class="hiden"><a class="tab1" href=""></a></li>
...
<li class="hiden"><a class="tab3" href=""></a></li>
...
  • ...
  • ...
    可能是这样的:

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

    也许有一点修改,但应该可以

    像这样的东西应该适合你:

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

    谢谢如果存在这种关系,该怎么办?
  • 和part2 111您是否可以更正这个
    .jQuery(document).ready(函数($){$('.field item')。each(函数(){var tabname=$(this.text();if(tabname='tab1'| | tabname='tab3'){$('.tabs li a')。hasClass(tabname).parent().addClass(“hiden”)}})
    @Siteogra:通过向jQuery添加选择器
    :ecocontains
    可以轻松完成此操作。我已经为您的最后一个JSFIDLE:PLEY:)建立了一个分叉示例
    $(document).ready(function(){
        $("div.field-items div.field-item").each(function(){
           $("." + $(this).html()).parent().addClass("hiden");
        }); 
    });