动态解析jQuery集合值求助：绑定Tab点击事件时获取值返回undefined

你遇到的这个问题其实是闭包作用域和事件中this指向变化导致的：当点击事件触发时，函数里的this已经不是你遍历的那个集合元素了，而是被点击的Tab标签元素，自然拿不到TABLE_NAME；另外如果依赖外部的i变量，还可能出现所有事件都绑定到最后一个元素的情况。

给你两个靠谱的解决方法：

方法一：利用HTML data属性存储值（推荐） #

把需要的TABLE_NAME直接存在Tab标签的自定义data属性里，点击时从标签本身读取，这样最直观也最不容易出错：

$(result).each(function (index) { 
    // 追加Tab时，把TABLE_NAME存入data-table-name属性
    $('#nav-tab').append(`<a class="nav-item nav-link" id="nav-contact-tab${index}" data-toggle="tab" role="tab" aria-controls="nav-contact" aria-selected="false" data-table-name="${this.TABLE_NAME}">${this.TAB_CONTENT}</a>`); 
    // 绑定点击事件
    $(`#nav-contact-tab${index}`).click(function() { 
        daTabID = $(this).data('table-name'); // 从当前点击的元素读取data值
        alert(daTabID); 
        LoadReport(); 
        alert('Report Loaded done'); 
    }); 
});

这里用了ES6的模板字符串（反引号`），比字符串拼接更清晰，如果你需要兼容旧浏览器，换成原来的加号拼接也可以。

方法二：通过闭包保存当前遍历元素的引用 #

在each循环内部，把当前遍历的元素保存到一个变量里，让点击事件的闭包捕获这个变量（jQuery的each每次迭代都会创建独立的作用域，所以每个事件会对应正确的元素）：

$(result).each(function (index) { 
    var currentItem = this; // 保存当前遍历的元素
    // 追加Tab
    $('#nav-tab').append('<a class="nav-item nav-link" id="nav-contact-tab' + index + '" data-toggle="tab" role="tab" aria-controls="nav-contact" aria-selected="false">' + currentItem.TAB_CONTENT + '</a>'); 
    // 绑定点击事件
    $('#nav-contact-tab' + index).click(function() { 
        daTabID = currentItem.TABLE_NAME; // 使用保存的元素引用
        alert(currentItem.TABLE_NAME); 
        LoadReport(); 
        alert('Report Loaded done'); 
    }); 
});

另外，我把你原来手动维护的i变量换成了each自带的index参数，这样更简洁也避免了手动计数可能出现的错误。

内容的提问来源于stack exchange，提问作者Stefan