javascript - search whether id consists of dynamic value

Question

The script below will loop through and generate 50 records. I have a dynamic value RANKS = "8". How can I check if 8 is exists in id="rankN"? The value[RANKS] is dynamic from 1-50

var RANKS = "8";
var ranking;
for (var i = 0; i < rankingList.length; i++) {
  var a = 1;
  ranking = "<div > " +
    ("<div id=rank" + a + " class='RankCol'>" + rankingList[i].rankNo + "</div>") +
    ("<div>" + rankingList[i].username + "</div>") +
    ("<div>" + rankingList[i].winningAmt + "</div>") +
    ("<div> " + rankingList[i].uCoin + "</div>") +
    (" </div>");
};

Expected result:

1. A
2. A
3. B
4. B
5. C
6. B
7. A
8. A
9. B
10. G

so if my ranking is 8, the text will bold. IF the value is not within 50, then i will do another css. my main problem is how can i check whether the looped' ID contains the id number same as my RANKS(which is 8)

question from:https://stackoverflow.com/questions/65844056/search-whether-id-consists-of-dynamic-value

Answer 1

If you want to check in DOM, then simply var exists = $('#rank8').length !== 0.

If you want it to check inside loop:

var ranks = {};

for (var i = 0; i < rankingList.length; i++) {
    newRank = 'rank' + i;

    if (typeof ranks[newRank] !== 'undefined') {
        // skip
        continue;
    } else {
        ranking = '<div id="' + newRank + '" ...';
    }

    ranks[newRank] = newRank;
}