jQuery add 1 up with a php foreach loop

Question

So I have this php foreach-loop that gets data from my database.
I use a $i++ to number up the same div.

$i=0;
foreach ($pages as $page){
    echo '<div class="class_'.$i++.'">
    echo '</div>';          
}

Now I have a piece of jQuery in my footer that does something to the <div>

<script>
jQuery(document).ready(function($){
    $('.class_1');
    $('.class_2');
    $('.class_3');
});
</script>

Because I will never know how many instances there are I want the jQuery to add up with the foreach-loop but the script is outside the loop so it won't add up.

I don't really know my jQuery that much so any help would be appreciated.

M.

Why do you need this? The whole point of classes is to group elements together. Depending on your need, it would be better to put a single class on all the elements and then use the this reference within the event handler to reference the one which raised the event. — Rory McCrossan
– Rory McCrossan, Commented Jan 22, 2016 at 9:24
class is used for a group of elements. You could instead give them a single class with different id numbers — Ikhlak S.
– Ikhlak S., Commented Jan 22, 2016 at 9:25
I see what you mean but every class has it's own function and own css. So it's not really combined. It could have been id's as well — Interactive
– Interactive, Commented Jan 22, 2016 at 9:26

roullie · Accepted Answer · 2016-01-22 09:37:10Z

3

You can get every element with that class and then use $.each for it.

$('[class^="class_"]').each(function() {});

edited Jan 22, 2016 at 9:37

roullie

2,82019 silver badges26 bronze badges

answered Jan 22, 2016 at 9:33

Siim Kallari

8616 silver badges17 bronze badges

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

Comments

Sha7x · Accepted Answer · 2016-02-16 16:28:47Z

2

$i=0;
foreach ($pages as $page){
    echo '<div class="class_'.$i++.'">';
    echo '</div>';          
}
echo '<div number-of-divs=' . $i . ' style="display:none;"/>';

Your js code:

<script>
jQuery(document).ready(function($){
    var number = $('div[number-of-divs]').attr('number-of-divs');
    for (i = 1; i <= number; i++) { 
        $('.class_' + i);
    }
});
</script>

edited Feb 16, 2016 at 16:28

answered Jan 22, 2016 at 9:34

Sha7x

4853 silver badges13 bronze badges

Comments

Tarun Bhardwaj · Accepted Answer · 2016-01-22 09:50:56Z

0

A good approach for this is you should pass another class in your code or pass this only if above is the only case. $('[class^="class_"]').each(function() {}); This will not work in some cases so use below code

$i=0;
foreach ($pages as $page){
    echo '<div class="catch_me  class_'.$i++.'">
    echo '</div>';          
}

and get it from this script

$('.catch_me').each(function(){
//You code here
});

answered Jan 22, 2016 at 9:50

Tarun Bhardwaj

1371 silver badge13 bronze badges

Collectives™ on Stack Overflow

jQuery add 1 up with a php foreach loop

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related