Как получить класс с номером товара с помощью js?

Question

[Katsuro]

<?php 
    // параметры по умолчанию
    $args = array(
        'numberposts' => 0, 
        'category_name'    => 'iphone-7',
        'order'       => 'ASC',
        'post_type'   => 'products',
        'suppress_filters' => true, // подавление работы фильтров изменения SQL запроса
    );

    $posts = get_posts( $args );

    foreach($posts as $key => $products){ setup_postdata($products);
        $key++;
    	$block = $key;
    	echo $block;
        ?>
            <div class="row iphone ">
            	<div class="products" data-block="<?php echo $block; ?>">
            		<div class="col-lg-4 col-md-5 col-sm-5 col-xs-12 product-phone-iphone-7-img img">
						<?php 
							$images = get_field('product_photo',$products->ID);
                            foreach( $images as $key => $image ){ 
                            	$key ++;
                            	?>
					            <img src="<?php echo $image['sizes']['medium_large']; ?>" class="photo photo-<?php echo $block; ?> <?php echo $block; ?>-<?php echo $key; ?>"  alt="<?php echo $image['alt']; ?>">
					        <?php 
					        }
					    ?>
					</div>
					<div class="col-lg-8 col-md-7 col-sm-7 col-xs-12">
						<div class="product-phone-iphone-7-characteristics characteristics">
							<div class="product-color">
								<p>Выберите цвет:</p>
								<ul class="product-color-li">
									<?php 
										$color = get_field('product_color',$products->ID); 
										// echo "<script>var block = $block;</script>";
										// echo "<div>".$block."</div>"; 
                                        foreach( $color as $key => $colors ){ 
                                        	$key ++;
                                        	$ColorButton = $colors['color']; 
                                        	// var_dump($color)
                                        	// echo "<script>var block = $block;</script>";

                                            echo '<li class="color color-button-'.$block.'" data-num="'.$key.'">'.$ColorButton.'.</li>';
								        } 
								    ?>
								</ul>
							</div>
						</div>
					</div>
            	</div>
			</div>
        <?php
    }

    wp_reset_postdata(); // сброс
?>

Это пример вывода товара через плагин ACF PRO , в переменной $block храниться номер товара , мне нужно его получить , то есть у меня выводится товар , но скрипт у них одинаковый у всех и что бы они между собой не сталкивались к классу хотел присвоить номер товара , как можно это реализовать ? Я попытался присвоить , но он берет номер крайнего товара

Comments

[Виталий Киренков]

а где js?

[Katsuro]

Виталий Киренков,

$(document).ready(function() { 
  $('.product-color ul li').click(function(event) { 
    var ButtonDiv = jQuery(".color-button-" +Block); 

  console.log(ButtonDiv); 
  }); 
});