Pass PHP variable value inside while loop for javascript

Question

I have a variable inside a code php with a while loop and need to modify this variable $codigo inside the javascript.

This variable $codigo receives a different number for each repeat loop

data-toggle='popover1', data-toggle='popover2' ...

And this value needs to be increased also to javascript

 $('[data-toggle='popover1']'), $('[data-toggle='popover2']') ...

Follows the code:

$(document).ready(function(){
$('[data-toggle="popover<?php echo $codigo; ?>"]').popover({html: true});   
});

<?php
$codigo = 1;
while ($codigo < 10) {
$codigo = $i;
$i++;
?>

<div class="container">
<button type="button" class="btn btn-primary" data-toggle='modal' data-target='#Alt'>MODAL</button>
</div>


<!-- Modal -->
<div class="modal fade" id="Alt" role="dialog">
<div class="modal-dialog">

<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
</div>
<div class="modal-body">
<p><button id='id_codigo'
type="button" class="btn btn-primary" 
data-position="top-left" title="Contato" 
data-toggle="popover<?php echo $codigo; ?>" 
data-placement="down" data-content="Nome: id='id_nome'
<br>Endereço: id='id_endereco'
<br>Contato: id='id_contato' ">Contato</button></p>
</div>
</div>

</div>
</div>

<?php
}
?>

Follow the code online

Answer 1

By following your model you can do something like this:

<?php
$i = 1;
while ($i < 10) {
    $codigo = $i;
    $i++;
    ?>

    <button type='button' title='Sem Contato' data-toggle='popover<?php print $codigo ?>'>Sem Contato</button>

    <script>
    $(document).ready(function(){
        $("[data-toggle='popover<?php print $codigo ?>']").popover({html: true});   
    });
    </script>


    <?php
}
?>

What I did was add the same <?php print $codigo ?> from the above line. I suggest nesting this another way, for example: Print all buttons then repeat the loop by printing the separate JS.