Display Based on innerHtml number

I want to create a system that displays certain content based on the number for this innerhtml content... Here's the actual element itself, 17 is just the number for mine it is different for each user:

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

I want it to display if their number is say between 10 and 20... Here's a code I've been trying to work with, but it only does one number at a time and currently isn't working...

$(function() {


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



});

Here's a version that works, but again only works for one number...

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

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

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

if(divs[i].innerHTML.indexOf("17") != -1) {
     document.getElementById('elitecontent').className="gotelite";
}
 else {
        document.getElementById('elitecontent').style.display="none";
    }
}



});

I basically want a code that works similar to with values, where I can just put something like >=10 and =<20