Question

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

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

的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。有没有办法在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/

将class li元素添加到jQuery选项卡

1 个答案: