[英]jQuery - Variable selectors in ForEach loop
我編寫了一個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');
});
它應該像
$(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');
}
});
演示: 小提琴
另一種方法: 提琴
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.