將類 li 元素添加到 jQuery 選項卡

Question

我正在使用 tab-content.js url - http://collabedit.com/ja524

我需要將selected類添加到ch_tabs div 中的所有li元素。

jQuery

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

HTML

<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課程沒有被添加，所有其他課程都有效。

我懷疑這是由於標簽插件。 有沒有辦法在 tab-plugin 執行其操作后執行代碼？

Answer 1

按照這個例子

CSS：

.selected{color:#FF0000;}

HTML：

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

JS：

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

https://jsfiddle.net/sf1q8rxz/