jquery.fn.init长度意外变化致$.parseHTML索引失效问题求助

安全阿岳

2026-8-15

问题解决：排序函数中$.parseHTML返回集合不稳定导致索引失效

问题根源

你当前的代码硬依赖$.parseHTML(x)[1]获取目标<tr>元素，但$.parseHTML的返回结果会随输入HTML字符串的结构变化（比如是否包含空白文本节点、注释节点等）而改变——第一次调用时输入的字符串恰好生成两个元素，后续调用时可能直接返回单个<tr>元素，导致索引[1]越界触发崩溃。

修复方案

核心思路是抛弃固定索引，通过选择器精准定位目标元素，同时增加全流程容错处理避免异常：

用jQuery筛选方法直接从解析后的元素集合中找到<tr>标签，不依赖固定位置
对match(/\d+/)的结果做空值判断，防止无数字时调用[0]报错
获取战力值时，处理元素不存在或内容为空的情况，避免parseFloat得到NaN

修改后的代码

function sortHTMLContentByStrength(x, y) {
    // 解析HTML并筛选出目标tr元素
    const getTargetTr = (htmlStr) => {
        return $($.parseHTML(htmlStr)).filter('tr').first();
    };

    // 从tr的id中提取数字，带容错
    const getTeamId = (trElement) => {
        const id = trElement.attr('id');
        const matchResult = id?.match(/\d+/);
        return matchResult ? matchResult[0] : null;
    };

    // 获取战力值，带容错
    const getStrength = (teamId) => {
        if (!teamId) return 0;
        const strengthEl = $(`#team-modal-strength-${teamId}`);
        return strengthEl.length ? parseFloat(strengthEl.html()) || 0 : 0;
    };

    const trX = getTargetTr(x);
    const trY = getTargetTr(y);

    const strength1 = getStrength(getTeamId(trX));
    const strength2 = getStrength(getTeamId(trY));

    return strength2 - strength1;
}