jQuery-ForEach循环中的变量选择器

Question

我编写了一个forEach循环，该循环遍历div数组（按ID），选择具有特定类的子元素，然后从中删除另一个类。 我在将变量重新变成选择器并将其连接到其他变量时遇到一些问题。 结果，我的forEach循环不起作用。

http://jsfiddle.net/NWmB5/7/ （尝试单击链接之一，如果代码有效，则第三项应再次变黑）

var toDoCategories; 

$(document).ready(function() {

toDoCategories = [$("#testDiv"),$("#anotherDiv"),$("thirdDiv")]; 
setTimelinePosition($('#thirdDiv'));

$('#targetFirstDiv').click(function() {
setTimelinePosition($('#anotherDiv'));

});
$('#targetSecondDiv').click(function() {
setTimelinePosition($('#testDiv'));

});

});


/* Show current position on timeline */
function setTimelinePosition($position) {


var $theTimelineTrigger = $('span.timelineTrigger');

toDoCategories.forEach(function(currentCategory) {


var $deselectTimelinePositionElement = $(currentCategory, $theTimelineTrigger);

$($deselectTimelinePositionElement).removeClass('currentPosition');
});

Answer 1

它应该像

$(document).ready(function () {

    var $toDoCategories = $("#testDiv, #anotherDiv, #thirdDiv"); //NOTE HERE

    setTimelinePosition('#thirdDiv');

    $('#targetFirstDiv').click(function () {
        setTimelinePosition('#anotherDiv');
    });
    $('#targetSecondDiv').click(function () {
        setTimelinePosition('#testDiv');
    });

    /* Show current position on timeline */
    function setTimelinePosition(position) {
        $toDoCategories.find('.currentPosition').removeClass('currentPosition')
        $(position).find('.timelineTrigger').addClass('currentPosition');
    }
});

演示： 小提琴

---

另一种方法： 提琴