2015-11-27 135 views
-3

我使用的制表content.js网址 - http://collabedit.com/ja524添加类锂元素的jQuery标签

我需要selected类添加到所有li元素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执行完操作后,有没有办法执行代码?

+0

尝试添加'$(this).closest('li')。addClass('selected');'? –

+0

'.each'是多余的,你不需要它 – Satpal

+0

@Satpal为什么? –

回答

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/