Question

I am using jQuery In Place Editor to make allow in place editing of a few text elements in my page.

$(".entry_name").editInPlace({
    url: "/entries/change_name",
    params: "entry_id=XXX"
});

The params option allows me to send some parameters along with the post request. I need to specify a different entry_id for each element that matches the .entry_name selector. An example of a matched element is:

<span id="entry_name_24" class="entry_name" data-entry_id="24">example</span>

So in this example, the params option should be entry_id=24

How can I do this?

Answer 1

You need to call editInPlace on each element separately:

$(".entry_name").each(function(){
    $(this).editInPlace({
        url: "/entries/change_name",
        params: "entry_id="+$(this).data('entry_id');
    });
});