Sunday, May 19, 2024
 Popular · Latest · Hot · Upcoming
74
rated 0 times [  75] [ 1]  / answers: 1 / hits: 25429  / 7 Years ago, sat, june 3, 2017, 12:00:00

I have a basic HTML list like below...



<ul class=test_ul>
<li class=item id=item1>
Item 1
</li>
<li class=item id=item2>
Item 2
</li>
<li class=item id=item3>
Item 3
</li>
<li class=item id=item4>
Item 4
</li>
</ul>


I am using javascript to try and grab the id of each list item and then use a loop to check each one against a string. I have this so far..



var myvariable
myvariable = item2
items = document.getElementsByClassName(item);
for (i = 0; i < items.length; i++) {
console.log(i);
console.log(item[i]);
}


This isn't working for me, is it because it is not really an array?


More From » javascript

 Answers
10

You're logging the index i, instead, use items[i].id to get the id of the matched element. Something like this





var items = document.getElementsByClassName(item);
for (i = 0; i < items.length; i++) {
console.log(items[i].id);
}

<ul class=test_ul>
<li class=item id=item1>
Item 1
</li>
<li class=item id=item2>
Item 2
</li>
<li class=item id=item3>
Item 3
</li>
<li class=item id=item4>
Item 4
</li>
</ul>




[#57571] Thursday, June 1, 2017, 7 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
mckaylab

Total Points: 311
Total Questions: 120
Total Answers: 93

Location: Montenegro
Member since Thu, Jun 16, 2022
2 Years ago
;