需要父函数返回元素的类

Question

对 jQuery 来说有点新，所以请原谅尝试正确识别事物。

我需要一个元素的 id 反映在一个包含几个函数深度的选择器中，但我不太确定如何去做。

$("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);
            }
        );
    }
);

提前感谢您的帮助。 :-)

Answer 1

这使用闭包将带有 id 的变量带入最内层函数的范围。

$("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);
                        }
                );
        }
);

Answer 2

事件回调中的this 变量是承载事件的DOM 元素。在更改函数回调中，这是更改的元素。因此：

$("input[type='file'][id^='pic_']").change(
  function() {
    $(this).hide("fast",
      function() {
        $(this).attr("checked", true);
      }
    }
  }
}

Answer 3

似乎是一个变量范围的问题：

$("#my_input").change(function() {
    var my_id = $(this).attr('id');
    $(this).hide('fast', function() {
        alert(my_id); // Will show an alert with the id from above.
        alert($(this).attr('id')); // *Should* show an alert with the same id.
    });
});