How to increase Jquery variable in each loop

Question

I have a category color function in functions.php file and I am assigning category color for every li element with this code:

$i = 0;
$color = get_term_meta( $menu_item->object_id, '_category_color', true );
$color = ( ! empty( $color ) ) ? "#{$color}" : '#fff';
$menu_list .= "\t\t\t\t\t". '<li id="'.$i .'"style="border-left:5px solid '.$color .';">
<a href="'. $url .'">'. $title .'</a></li>' ."\n";
$i++;

And I am trying to get every li's border-left-color and assign them as a background to that div but in this jquery code, $i is stopping in 1 . How can I make this as a loop for every li?

$(document).ready(function(){
$i = 0;
var $c=$('.side-category ul li#'+$i).css("border-left-color");
$('.side-category ul li#'+$i).css("background", $c);
$i++;
});

Thank you for reading it!

Yes, I am not good at jquery, and I couldnt make a loop :)How can I make this as a loop ? — fatihsolhan
– fatihsolhan, Commented Jun 14, 2017 at 16:38
You can't define the background color on the server because...? — Andreas
– Andreas, Commented Jun 14, 2017 at 16:40

Vivek Doshi · Accepted Answer · 2017-06-14 16:38:50Z

3

Replace the code within document.ready with this :

$('.side-category ul li').each(function(){
    $(this).css("background", $(this).css("border-left-color"));
})

There is no need to add $i , jQuery has each function , so you can directly use that.

The each function will go through each li within .side-category ul

answered Jun 14, 2017 at 16:38

Vivek Doshi

58.8k12 gold badges120 silver badges126 bronze badges

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

3 Comments

fatihsolhan Over a year ago

By the way, Is there a option to apply background-color when :hover to li element?

Vivek Doshi Over a year ago

Yes , you have to bind that event with each li.Post a different question for that , I post the answer over there :)

fatihsolhan Over a year ago

Let us continue this discussion in chat.

Collectives™ on Stack Overflow

How to increase Jquery variable in each loop

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related