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

Question

以下是我的代码的不同部分

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>

和part2

<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>
...

Answer 1

这样的事情对你有用：

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

Answer 2

可能是这样的：

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

也许有点修改，但应该做的伎俩。