How to remove php from js?

Question

PHP

Good day everyone. There is a code in js and php, js sends an event to different id in Google Map:

$("#card'.$id.'").each(function() {
          $(this).on("mouseenter", function() {
          if(infobox) {
            google.maps.event.trigger(Marker['.$id.'], "click");
          }
          });
          $(this).on("mouseleave", function() {
            infobox['.$id.'].open(mapGMap, Marker['.$id.']);
            });
          });

and
<div id="card<?php echo $item->id; ?>">Текст</div>
Tell me, is it possible to get rid of php in the javascript code and use, for example, a loop to execute the code?
Ps: id is a number

Answer 1

Specify a class for the div and attach a handler to it. And id parameter.

<div class="card-item" item-id="<?php echo $item->id; ?>" id="card<?php echo $item->id; ?>">Текст</div>
<script>
$('.card-item').each(function(){
    var item_id = $(this).attr('item-id');
});
</script>