繁体   English   中英

根据innerHtml编号显示

[英]Display Based on innerHtml number

我想创建一个基于该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";
    }
}



});

我基本上想要一个与值类似的代码,在那里我可以放置类似> = 10和= <20的东西

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

$(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";
}
}

});

应该管用。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM