Javascript 将类li元素添加到jQuery选项卡

我正在使用tab-content.js url-

我需要将

selected

类添加到

chu选项卡中的所有
li
元素中

jQuery

$('.ch_tabs').click(function () {
 $('.ch_tabs').each(function (index) {
            $(this).parent('li').addClass('selected');
    });
});

HTML






只有
选定的
类不会被添加，所有其他类都工作

我怀疑这是由于标签插件。在tab插件执行其操作后，是否有办法执行代码？
遵循此示例

CSS:

HTML:






JS:


$（'#list li a'）。在（'click'，function（）上{
$（'li a.selected'）。removeClass（'selected'）；
$（this.addClass（'selected'）；
});

尝试添加
$（this）.closest（'li'）.addClass（'selected'）？
。每个
都是冗余的，您不需要it@PraveenKumar，它和
$（'.ch_tabs'）一样好。parent（'li'）。addClass（'selected'）
这肯定不是OPi的意图。猜测是标签内容插件阻止了它的工作。请创建一个JSFIDLE，它可能会解决您的问题。
<li class=""><a class="ch_tabs" href="#ch1"><img alt="arb" src="../images/danish.png"> <span>A</span></a>
                            </li>
<li class=""><a class="ch_tabs" href="#ch1"><img alt="arb" src="../images/danish.png"> <span>B</span></a>
                            </li>

.selected{color:#FF0000;}

<ul id="list">
  <li><a class="selected" href="#">A</a></li>
  <li><a href="#">B</a></li>
</ul>

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
  $('#list li a').on('click', function(){
    $('li a.selected').removeClass('selected');
    $(this).addClass('selected');
  });
</script>