javascript - 基于ajax请求jquery检查span

标签 javascript jquery html ajax

我有一个ajax请求,我得到结果,我想检查一些跨度,但我想知道为什么我无法检查跨度,我输入了正确的ID和正确的值

HTML

<span id='Mediation'></span>

<span id='Conciliation'></span>

<span id='Arbitration'></span>

JS

console.log(data[i].resolution);
if (data[i].resolution == 'Mediation' && !data[i].resolution == 'undefined') {
    $('#Mediation').html('&#10004;');
}
if (data[i].resolution == 'Conciliation' && !data[i].resolution == 'undefined') {
    $('#Mediation').html('&#10004;');
    $('#Conciliation').html('&#10004;');
}
if (data[i].resolution == 'Arbitration' && !data[i].resolution == 'undefined') {
    $('#Mediation').html('&#10004;');
    $('#Conciliation').html('&#10004;');
    $('#Arbitration').html('&#10004;');
}

另一件事让我烦恼的是为什么在 console.log 中我有未定义的值,而我在 ajax 结果中有确切的值 This是工作样本。

最佳答案

有两件事:

  1. 返回的数据在一个数组中包含多个对象。但只有第一个对象具有关键的“分辨率”。这就是除了第一次迭代之外,控制台日志中都有 undefined 的原因。

  2. 您可以像这样 !data[i].resolution == 'undefined' 进行比较,而应该是 data[i].resolution != 'undefined' 这就是你的 if 条件永远不会通过的原因。

关于javascript - 基于ajax请求jquery检查span,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31221336/

相关文章:

javascript - 动态设置 list 时的 PWA 安装提示

javascript - 没有模板 Controller 的 Angular 指令绑定(bind)

javascript - 如果 [] 是假的,为什么 ![] 也是假的

javascript - Vue.js 2.x v-for 在 <table> 中不起作用(属性或方法未定义)

javascript - 正则表达式重复搜索而不 chop

jquery - KnockoutJs - 数据绑定(bind)不适用于新元素

javascript - 视频在图像悬停时播放

javascript - 将 html 渲染到 View MVC

javascript - 夹线时插入阅读更多按钮

javascript - 如何使用 javascript 更改 css 属性?