Javascript - Add unique element id to multiple element with the same className

Question

I have several elements with the className "error", I need to dynamically add a unique id to each one. From other questions on stack I have put together the following code but it doesn't seem to work.

function setErrorId() {
var errorClass = document.getElementsByClassName('error');
for (i = 0; i < errorClass.length; i++) {
    var idName = 'error' + i;
    errorClass[i].id = idName;
}

code seem right, you can check if errorClass get assignment with alert(errorClass). also "for (i;" normally should be "for (var i;" — exebook
– exebook, Commented Oct 27, 2013 at 16:37

Jay Harris · Accepted Answer · 2013-11-17 17:12:28Z

1

you have an undefined variable i. just define it but other than that your fine.

function setErrorId () {
 var errorClass = document.getElementsByClassName('error')
   , i = 0
   , l = errorClass.length;

  while (i < l) {
    errorClass[i].id = 'error' + i++;
  }
}

edited Nov 17, 2013 at 17:12

answered Oct 27, 2013 at 16:38

Jay Harris

4,27120 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

CodeTrooper · Accepted Answer · 2013-10-27 16:36:13Z

0

You're missing a }

like this:

function setErrorId() {
    var errorClass = document.getElementsByClassName('error');
    for (i = 0; i < errorClass.length; i++) {
    var idName = 'error' + i;
    errorClass[i].id = idName;
    }
}

answered Oct 27, 2013 at 16:36

CodeTrooper

1,8807 gold badges33 silver badges56 bronze badges

Collectives™ on Stack Overflow

Javascript - Add unique element id to multiple element with the same className

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related