2015-11-27 187 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/