显示基于innerHtml编号

时间:2015-02-10 22:26:35

标签: javascript if-statement numbers innerhtml

我想创建一个系统,根据此innerhtml内容的数量显示某些内容... 这是实际的元素本身,17只是我的数字,每个用户都不同:

<span id="your_div_id_diamonds"><dd><div class="field_uneditable">17</div></dd></span>

我想要显示它们的数字是否介于10到20之间...这是我一直试图使用的代码,但它一次只能执行一个数字,目前无效...

$(function() {


if(document.getElementById('your_div_id_diamonds').innerHTML = "17") {
     document.getElementById('elitecontent').className="gotelite";
}
 else {
        document.getElementById('elitecontent').style.display="none";
    }
}



});

这是一个有效的版本,但同样只适用于一次一个数字...如果我说它达到150或200,那将是一个巨大的痛苦,我必须像200其他如果陈述。

        $( "#lev1" ).load('/u' + _userdata.user_id + ' #field_id-14 dd', function() {

var divs= document.getElementsByClassName('field_uneditable');

for (var i = 0, len = divs.length; i < len; ++i) {

if(divs[i].innerHTML.indexOf("7") != 1) {
      document.getElementById('elitecontent').innerHTML="Elite";
}

else if(divs[i].innerHTML.indexOf("16") != -1) {
      document.getElementById('elitecontent').innerHTML="Elite";
}


else if(divs[i].innerHTML.indexOf("17") != -1) {
      document.getElementById('elitecontent').innerHTML="Elite";
}
 else {
      document.getElementById('elitecontent').innerHTML="Starter";
    }
}



});

我基本上想要一个与值类似的代码,我可以放一些像&gt; = 10和=&lt; 20

的东西

1 个答案:

答案 0 :(得分:0)

您当前代码面临的问题是您没有使用正确的比较语句=是声明性的,不用于比较。取而代之的是你应该使用==(无论数据类型匹配)还是===(必须匹配数据类型)例如

$(function() {

if(document.getElementById('your_div_id_diamonds').innerHTML = "17") {
     document.getElementById('elitecontent').className="gotelite";
}else {
     document.getElementById('elitecontent').style.display="none";
}
}

});

应该是

$(function() {

if(document.getElementById('your_div_id_diamonds').innerHTML == "17") {
     document.getElementById('elitecontent').className="gotelite";
}else {
     document.getElementById('elitecontent').style.display="none";
}
}

});

然而,为了您的需要,有以下几点:

$(function() {

if(document.getElementById('your_div_id_diamonds').innerHTML <=20 && document.getElementById('your_div_id_diamonds').innerHTML >=10) {
     document.getElementById('elitecontent').className="gotelite";
}else {
     document.getElementById('elitecontent').style.display="none";
}
}

});

应该有用。