Question

Somewhat new to jQuery, so excuse the attempt at properly identifying things.

I need an element’s id to be reflected in a selector that is a couple functions deep, and I’m not quite sure how to go about doing that.

$("input[type='file'][id^='pic_']").change(       //I need this element's id...
    function()
    {
        $("."+this.id).hide("fast",
            function()
            {
                //..to be reflected in this class selector
                $("."+this.id).attr("checked", true);
            }
        );
    }
);

Thanks for your help in advance. 🙂

Answer 1

This uses closures to bring a variable with the id into the scope of the innermost function.

$("input[type='file'][id^='pic_']").change(       //I need this element's id...
        function()
        {
                var fileSelector = "." + this.id;
                $(fileSelector).hide("fast",
                        function()
                        {
                                //..to be reflected in this class selector
                                $(fileSelector).attr("checked", true);
                        }
                );
        }
);