jQuery pass function parameter to nested function

Question

I have the following in jquery:

$( ".paid" ).each(function (i, tag) {
    $(tag).change(function (i, tag) {
        if ($(this).is(":checked")) {
            alert($(tag).i);
            $("invdesc_" + i).prop("disabled", false);
        }
    })
});

How can i pass i in the $(".paid") function to the $(tag).change function?

I need to change the .prop() based on the key which is coming from a php foreach() iteration.

This seems overly complicated. Can you provide same HTML as there will certainly be a much simpler way of doing this. — iCollect.it Ltd
– iCollect.it Ltd, Commented Oct 16, 2014 at 15:29

Amit Joki · Accepted Answer · 2014-10-16 15:11:18Z

2

You can do this

$(".paid").each(function(i, tag) {
    $(tag).change({ index: i, elem: tag }, function(e) {
        if ($(this).is(":checked")) {
            alert($(e.data.elem)); // tag
            $("invdesc_" + e.data.index).prop("disabled", false); // i
        }
    })
});

You can pass the eventData any object and retrieve it through event.data

answered Oct 16, 2014 at 15:11

Amit Joki

59.4k7 gold badges80 silver badges97 bronze badges

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

Collectives™ on Stack Overflow

jQuery pass function parameter to nested function

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