如何获取具有条件子元素值的元素类确定?

时间:2016-01-20 09:45:40

标签: javascript jquery

已更新
我有代码ex:

<ul>
  <li class="menu-0">
     <input class="id" type="text" value="1"/>
  </li>
  <li class="menu-0">
     <input class="id" type="text" value="2"/>
  </li>
  <li class="menu-0">
     <input class="parent_id" type="text" value="2"/>
  </li>
  <li class="menu-0">
     <input class="parent_id" type="text" value="2"/>
  </li>
  <li class="menu-0">
     <input class="id" type="text" value="3"/>
  </li>
</ul>

所以我想要addClass parent-0来条件这个li子输入类id val()=这个li next()子输入类parent_id val()。

喜欢

<ul>
  <li class="menu-0">
     <input class="id" type="text" value="1"/>
  </li>
  <li class="menu-0 parent-0">
     <input class="id" type="text" value="2"/>
  </li>
  <li class="menu-0 children-parent-0">
     <input class="parent_id" type="text" value="2"/>
  </li>
  <li class="menu-0 children-parent-0">
     <input class="parent_id" type="text" value="2"/>
  </li>
  <li class="menu-0 ">
     <input class="id" type="text" value="3"/>
  </li>
</ul>

如何制作它。谢谢:]

1 个答案:

答案 0 :(得分:0)

试试这段代码:

$('.menu-0').each(function(){
     if($(this).children('input').val() == '2')
    {
       $(this).addClass('parent-0');
    }
});

或更通用:

$('li').each(function(){
     var num = $(this).attr('class').split('-').reverse();
     if($(this).children('input').val() == '2')
    {
       $(this).addClass('parent-'+num[0]);
    }
});
相关问题