Jquery的click函数里面有一个each循环

Question

我有下面的代码，我试图从点击功能内获得id，但这。Id现在从点击函数内工作，我认为，因为代码不运行，直到点击有人知道一种方法来获得Id在每个循环运行?

$(html).each(function() {
                            if($( this ).filter('.target').html()){
                                window["button"+this.id] = {
                                    text: "Edit "+$($(html).filter('#'+this.id).html()).filter('#A1').text(),   
                                    click: function() {
                                        $('#2').html($($(html).filter('#'+this.id).html()).filter('#B2').text());
                                        var start = $($( html ).filter('#'+this.id).html()).filter('#A1').text();
                                        $("#start").val(start);
                                        var finish = $($(html).filter('#'+this.id).html()).filter('#A2').text();
                                        $("#finish").val(finish);
                                        var breaktime = $($(html).filter('#'+this.id).html()).filter('#A3').text();
                                        $("#break").val(breaktime);
                                        var grade = $($(html).filter('#'+this.id).html()).filter('#A4').text();
                                        $("#grade").val(grade);
                                        var PM = $($(html).filter('#'+this.id).html()).filter('#A9').text();
                                        if(PM == '1') { $('#PM').prop('checked', true); }else{ $('#PM').prop('checked', false); }
                                        var NS = $($(html).filter('#'+this.id).html()).filter('#NS').text();
                                        if(NS == '1') { $('#NS').prop('checked', true); }else{ $('#NS').prop('checked', false); }
                                        var RDO = $($(html).filter('#'+this.id).html()).filter('#A12').text();
                                        if(RDO == '1') { $('#RDO').prop('checked', true); }else{ $('#RDO').prop('checked', false); }
                                        var OrdHours = $($(html).filter('#'+this.id).html()).filter('#A5').text();
                                        $("#ordhrs").val(OrdHours);
                                        var x150 = $($(html).filter('#'+this.id).html()).filter('#A11').text();
                                        $("#OTx150").val(x150);
                                        var departmentID = $($(html).filter('#'+this.id).html()).filter('#A6').text();
                                        $("select#ChangeDeparment").val(departmentID);
                                        total = $($(html).filter('#'+this.id).html()).filter('#A8').html();
                                        totalhrs = $($(html).filter('#'+this.id).html()).filter('#A7').html();
                                        $("#total").html(totalhrs +"<br />" +total);
                                        adjustmentID = $($(html).filter('#'+this.id).html()).filter('#B1').text();
                                        no_adjustment = false;
                                        $( this ).dialog( "close" );
                                    }
                                }
                            newArray.push(window["button"+this.id]);
                            }
                        });

Answer 1

将其定义为一个变量，以保持您的作用域

var self = this;

下面的完整示例

$(html).each(function() {
var self = this;
if ($(self).filter('.target').html()) {
    window["button" + self.id] = {
        text: "Edit " + $($(html).filter('#' + self.id).html()).filter('#A1').text(),
        click: function() {
            $('#2').html($($(html).filter('#' + self.id).html()).filter('#B2').text());
            var start = $($(html).filter('#' + self.id).html()).filter('#A1').text();
            $("#start").val(start);
            var finish = $($(html).filter('#' + self.id).html()).filter('#A2').text();
            $("#finish").val(finish);
            var breaktime = $($(html).filter('#' + self.id).html()).filter('#A3').text();
            $("#break").val(breaktime);
            var grade = $($(html).filter('#' + self.id).html()).filter('#A4').text();
            $("#grade").val(grade);
            var PM = $($(html).filter('#' + self.id).html()).filter('#A9').text();
            if (PM == '1') {
                $('#PM').prop('checked', true);
            } else {
                $('#PM').prop('checked', false);
            }
            var NS = $($(html).filter('#' + self.id).html()).filter('#NS').text();
            if (NS == '1') {
                $('#NS').prop('checked', true);
            } else {
                $('#NS').prop('checked', false);
            }
            var RDO = $($(html).filter('#' + self.id).html()).filter('#A12').text();
            if (RDO == '1') {
                $('#RDO').prop('checked', true);
            } else {
                $('#RDO').prop('checked', false);
            }
            var OrdHours = $($(html).filter('#' + self.id).html()).filter('#A5').text();
            $("#ordhrs").val(OrdHours);
            var x150 = $($(html).filter('#' + self.id).html()).filter('#A11').text();
            $("#OTx150").val(x150);
            var departmentID = $($(html).filter('#' + self.id).html()).filter('#A6').text();
            $("select#ChangeDeparment").val(departmentID);
            total = $($(html).filter('#' + self.id).html()).filter('#A8').html();
            totalhrs = $($(html).filter('#' + self.id).html()).filter('#A7').html();
            $("#total").html(totalhrs + "<br />" + total);
            adjustmentID = $($(html).filter('#' + self.id).html()).filter('#B1').text();
            no_adjustment = false;
            $(self).dialog("close");
        }
    }
    newArray.push(window["button" + self.id]);
    }
});