javascript - jQuery 的each、查找和追加

Question

目前我有一个函数，可以迭代多个div，找到类名为“.courseArea”的div，然后将其返回以由另一个div附加

function getCourseAreaBySemester(sem_id) {
    $(".semesterPanel").each(function() {
        if($(this).attr('id') == sem_id) {
            return $(this).find('.courseArea'));
        }
    });
}

处理返回的第二个函数

var targetSemester = getCourseAreaBySemester(semesterData[i]['semester_id']);
            console.log(targetSemester);
            targetSemester.append(createCourse(semesterData['courses'][j]));

控制台打印出“未定义”，因此，我无法执行 .append()。

但是如果我在返回之前console.log，它会返回 [<ul class=​"courseArea">​</ul>​]

如果我不使用 .each() 函数，我知道它会起作用。但是，我需要按 ID 选择。

有人知道这里出了什么问题吗？或者有替代方案吗？谢谢

Answer 1

function getCourseAreaBySemester(sem_id) {
    var result;
    $(".semesterPanel").each(function() {
        if($(this).attr('id') == sem_id) {
            result = $(this).find('.courseArea'));
        }
    });

    return result;
}

返回其内部函数的值显然不会影响getCourseAreaBySemester函数的返回值!