JQuery loop through array does not return the right value

Question

I have input form where I have error text in the array and I loop through it to assign input a error text fields, but my issue is that if the error for example on the last input it displays the first array option value not the last as should be. code below: have no access to the html.

If for example first fiel whats your name filled and there i no error message than the "What's your name?" is displayed on where do you work input and not the "Who do you work for?" errro message, if all inputs are empty it works fine

var arr = [ "What's your name?", "Who do you work for?", "Most convenient 
phone number to call you on:", "Best email address to contact you on:", 
"Tell us what you'd like to know about:"];

    // setting the interval to check that the elements displayed as needed
    var timer = setInterval(function () {
        for (var i=0, l=arr.length; i<l; i++) {             
            // i believe the below line has the issue  
            (jQuery('.validation_message:eq('+[i]+')').text(arr[i])); 

        }    
    }, 500)

Can you post a working example using the snippet tool? (Ctrl+M) — alpinist
– alpinist, Commented Jul 16, 2017 at 15:07
Remove the square brackets from i in the :eq part of the selector. — Quagaar
– Quagaar, Commented Jul 16, 2017 at 15:10
It does return the right value, it's just that your logic is wrong because every 500ms you're looping through the entire list again — Rory McCrossan
– Rory McCrossan, Commented Jul 16, 2017 at 15:14

Koushik Chatterjee · Accepted Answer · 2017-07-16 16:32:27Z

2

If you feel the issue is (probably) with that line, how about taking a reference to the jQuery dom object targeting .validation_message class and then use a eq function?

   var timer = setInterval(function () {
        var validationMsgDom = jQuery('.validation_message');
        for (var i=0, l=arr.length; i<l; i++) {             
            validationMsgDom.eq(i).text(arr[i]); 
        }    
   }, 500)

answered Jul 16, 2017 at 16:32

Koushik Chatterjee

4,1933 gold badges20 silver badges32 bronze badges

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

Comments

Zygimantas · Accepted Answer · 2017-07-16 18:33:50Z

1

sorry was my mistake from my side, when selecting by eq(), if the the error does not appear the div is not created, so what I did added the parent div id than it all worked code below:

            jQuery('.gfield_contains_required').each(function(idx) {
            jQuery(this).attr('id', 'a' + idx);
            });

            (jQuery('#a' + i + ' .validation_message').text(arr[i]));

answered Jul 16, 2017 at 18:33

Zygimantas

5638 silver badges23 bronze badges

Collectives™ on Stack Overflow

JQuery loop through array does not return the right value

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