jQuery没有更新一些跨度

Question

我正在为角色扮演游戏 GURPS 构建一个基于网络的工具。数据保存在几个加载到数组中的 XML 文件中。根据用户所做的更改，将数据重新填充到数组中的各种跨度、输入和下拉列表中。目前没问题。

为了给用户更多反馈，我添加了一个锚点，它会弹出一个悬停弹出窗口，显示当前武器的详细信息。对于初始编码，当我解决渲染问题时，这些值是硬编码的。仍然没有问题。

现在我正在尝试用真实数据实际填充悬停弹出窗口。我无法将真实数据加载到跨度中！我已经调试了这个函数，并且确定我已经提取了我想要的数据。我使用了类似的代码行来填充网页的其他部分。

具体说明：我想替换下面span中的“aa”：

<span id="weaponName1" name="weaponName1" class="weaponName">aa</span><img src="Images/Firearms/Makarov_Suppressed.jpg">

我用来尝试重新填充跨度的代码是：

function loadWeaponStats(person, weaponID) {
// Load stats of the current weapon into the "Details" anchor fly-out
for (xx1=0; xx1<WeaponsArray.length; xx1++) {
    if (weaponID == WeaponsArray[xx1][0]) {
        weaponName = WeaponsArray[xx1][1];
        alert("weaponName: "+weaponName+"\nperson: "+person);
        $("#weaponName"+person).val(weaponName);
        xx1 = WeaponsArray.length;  // Kill the loop
    }
}

}

alert() 只是为了确认我有正确的数据。以下行应该重新填充跨度，但它没有。

所有 HTML、CSS 和 JavaScript 都可以在GURPS Combat Calculator找到

拔掉我剩下的一点头发。

谢谢

Answer 1

你也可以这样做：

     $("#weaponName"+person).text(weaponName);

你不能在这里使用 Val() 方法。