为什么我的 jquery 变量在 firebug 控制台中返回 undefined

Question

这是我的代码：

var altArr = [];
i = 0;
$('ul.ctopics.topics img').each(function () {
    altArr[i++] = $(this).attr('alt')
});

var linkArr = [];
c = 0;
$('ul.ctopics.topics .activityinstance a').each(function () {
    linkArr[c++] = $(this).attr('href')
});

a = 0;
var scormId = [];
$('ul.ctopics.topics li.modtype_scorm').each(function () {
    scormId[a++] = $(this).attr('id')
});

b = 0;
var idArr = [];

$('.course-matrix .course-matrix-table tr').addClass('locked');

$('.course-matrix .course-matrix-table tr').each(function () {
    idArr[b++] = $(this).attr('id');
    idTr = $(this).attr('id');
    var matchArr = $.inArray(idTr, scormId);
    var selLink = linkArr[matchArr];
    var selAlt = altArr[matchArr];

    $(this).find('td.course-title').wrapInner('<a href="' + selLink + '" class="scorm-link"></a>');
    $(this).find('a.scorm-link').attr('title', selAlt);

    var alt = $(this).find('a.scorm-link').attr('title');
    var indexResult = alt.search("Not");

    if (indexResult >= 0) {
        $(this).removeClass('locked');
        $(this).addClass('not-yet-complete');
        $(this).addClass('unlocked');
    } else {
        $(this).addClass('completed');
        $(this).addClass('unlocked');
        $(this).removeClass('locked');
    }
});

我找不到从 Firebug 收到此错误的原因。这打破了我成功的 JS 代码：

TypeError: alt is undefined
var indexResult = alt.search("Not");

剧透，以摆脱“看起来您的帖子主要是代码；请添加更多详细信息。”

Answer 1

您正在动态添加 DOM 元素，然后搜索它们。但是当您添加它们时，您可以分配给一个变量。比如这个（未经测试），但你明白了：

替换这个：

$(this).find('td.course-title').wrapInner('<a href="'+selLink+'" class="scorm-link" title=""></a>');
$(this).find('a.scorm-link').attr('title', selAlt);

var alt = $(this).find('a.scorm-link').attr('title');

这样的：

//first create your nodes, and remember them as variables. Use the $ prefix so you know it is a jquery object that is stored in the variable
var $td = $(this).find('td.course-title');
var $a = $('<a href="'+selLink+'" class="scorm-link"></a>');

//add the link to the cell
$td.append($a);

//then set your attribute. Note you already have the variable so no need to search
$a.attr('title', selAlt)

//if you need you can then extract that title attribute
var alt = $a.attr('title');