2015-03-03 102 views
-1

我一直試圖將目標下一組html元素,我想運行removeClass上。我已經嘗試了許多不同版本的.next() .find() eq() :last,但似乎無法使其刪除課程。removeClass不按預期方式工作

我製作了一個fiddle與我正在使用的代碼。

我想刪除第二組.tm-title h3,但在頁面的源代碼中查看它總是在那裏第一個tm-title h3:first被刪除,但下一組看起來不管工作,無論我嘗試過多少選擇器組合。

+2

你的意思是「看在頁面的源代碼」?如果您使用瀏覽器的「查看頁面源」選項,它將顯示最初由Web服務器返回的源,而不是與JS修改後的頁面當前狀態對應的html。 – nnnnnn 2015-03-03 11:18:37

+0

只需添加jQuery並更正var名稱:_https://jsfiddle.net/69vsmddr/5/_ – 2015-03-03 11:19:25

+2

與問題相關的代碼在***問題中不僅僅是鏈接。 – 2015-03-03 11:19:29

回答

3

你必須選擇一個問題

var currentMonth = $('.curMonth').text(); 
var currentSplit = currentMonth.split(" "); 
var curMonth = currentSplit[0].toLowerCase(); 

// find current month and hide div 
$('.' + curMonth).removeClass('eventCal') 
    .find('.tm-title h3:first') 
    .removeClass('curMonth') 
//now it is referring to the h3 element so .next() won't work as the second title is a sibling of first h3 
    .end() 
    .find('.tm-title h3') 
    .removeClass('nextMonth'); 

演示:Fiddle

+0

謝謝,今天我學到了別的東西。 – StudentRik 2015-03-03 11:28:59