以下是我的脚本。我正在验证名为'total'的变量的值是否不是NaN。如果它是NaN,那么我想删除id为'#no-rate _“+ i'的div并将文本附加到div'new_rate _”+ i +“ '。
奇怪的是,它不会对div进行任何更改。即使我在每个div中添加的指定边框和高度的样式也没有发生。
在控制台选项卡中检查它确实正确验证。但是,如果值为NaN或NaN错误,则采取的操作。
这是f12
上的控制台选项卡中显示的内容[context:document,selector:“#no-rate_26”] context:documentselector: “#no-rate_26” proto :e [0] searchResult.js:168 [context:document, selector:“#new_rate_26”] context:documentselector: “#new_rate_26” proto :e [0] searchResult.js:174总NaN
$.ajax({
type: "POST",
dataType: "json",
url: "fetch_tutor.php",
data: data,
success: function (data) {
for (i = 0; i < data.length; i++) {
//total set here. reviewPlus and reviewNeg are column name in table returned by php script(fetch_tutor.php)
var total = data[i].reviewPlus + data[i].reviewNeg;
if (isNaN(total)) {
console.log("lesser than 0" + total);
console.log($("#no-rate_" + i).text());
console.log($("#no-rate_" + i).text(" "));
$("#no-rate_" + i).text(" ");
$("#new_rate_" + i).html("No reviews yet");
console.log($("#new_rate_" + i).append("No reviews yet"));
} else {
console.log("more than 0" + total);
total = data[i].reviewPlus + data[i].reviewNeg;
}
console.log("total " + total);
$("#show_json").append("<div class='small-12 medium-12 large-12 columns result_container' id=id_'" + i + "'><div id='new_rate_" + i + "' style='border:1px #fff;height:50px;' class='small-12 medium-12 large-12 columns text-left>Nre rate here</div><div style='border:1px #ff0;height:50px;' class='small-12 medium-12 large-12 columns text-center' id='no-rate_" + i + "'>id='no-rate_" + i + "' Rating: <span class='green'>" + data[i].plus + "</span> from <span class='reviews'><a id='" + data[i].user + "' class='review'>" + total + " reviews</a></span></div></div>");
}
}
});
或者有更好的方法吗?