我一直在尝试定位我想要运行removeClass
的下一组html元素。我尝试了许多不同版本的.next() .find() eq() :last
但似乎无法删除该类。
我使用我正在使用的代码制作了fiddle。
我想删除第二组.tm-title h3
,但查看页面的来源,它始终存在,第一个tm-title h3:first
被删除,但下一个集合似乎无法正常工作无论我尝试过哪种选择器组合。
答案 0 :(得分: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