For each php variable in jquery script

Question

In my php I have a for each loop that sets the order id. I wish to run a jquery function for each of the orders but I cannot get it to work.

HTML

<i id="<?php echo "edit".$row['order_id'] ?>" class="fa fa-pencil-square-o" aria-hidden="true"></i>

Jquery

$("<?php echo "#edit".$row['order_id'] ?>").click(function(){....}

The function runs but only for the second option. The question is how to pass the specific id variable to the script since the $row['order_id'] changes everytime and the script (I assume gets the final value)

Are both HTML and Jquery snippets contained in a .php script? — Oluwafemi Sule
– Oluwafemi Sule, Commented Aug 3, 2017 at 23:04
Yes they are at the same script. Actually the event gets triggered but only when I select the second button. It must be an issue with how I set my id's — Spy
– Spy, Commented Aug 3, 2017 at 23:06
How about assigning a common class to the icons and using the class name as a selector? — Oluwafemi Sule
– Oluwafemi Sule, Commented Aug 3, 2017 at 23:14
@OluwafemiSule I need to run the function for each specific item in the for each loop — Spy
– Spy, Commented Aug 3, 2017 at 23:19

arbuthnott · Accepted Answer · 2017-08-03 23:19:21Z

3

Maybe what you need is a data property (placed via php) in your html, and then to read that property in a single event listener. For example:

<i data-orderid="<?php echo $row['order_id']; ?>" class="edits fa fa-pencil-square-o" aria-hidden="true"></i>

And then

$('.edits').click(function(event) {
    var rowId = $(event.target).data('orderid');
    // use the variable...
});

answered Aug 3, 2017 at 23:19

arbuthnott

3,8192 gold badges10 silver badges21 bronze badges

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

Collectives™ on Stack Overflow

For each php variable in jquery script

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related