如何验证和替换元素

时间:2015-09-25 10:04:26

标签: javascript jquery

以下是我的脚本。我正在验证名为'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>");

            }
        }
    });

或者有更好的方法吗?

0 个答案:

没有答案