Как правильно использовать «this» внутри вложенных .each() (s)? (JQuery)

Question

Вот мое вложенное использование .each:

itemData["segmentos"] = {}; 
$("[id^='item-segmentos-']").each(function() { 
    $("[id^='item-tipo-']").each(function() { 
     itemData["segmentos"][$(outerthis).val()] = $(innerthis).val(); 
    }); 
}); 

Как я могу использовать «outerthis» в пределах внутренней .each?

Answer 1

Чтобы использовать «внешние» this во внутренних each() петель, вы просто должны кэшировать «внешнее» this в переменной, а затем обратитесь к этой переменной в месте использования this в пределах внутренних each() петель :

itemData["segmentos"] = {}; 
$("[id^='item-segmentos-']").each(function() { 
    var outerThis = $(this); 
    $("[id^='item-tipo-']").each(function() { 
     var innerThis = $(this); 
     itemData["segmentos"][outerThis.val()] = innerThis.val(); 
    }); 
}); 

Answer 2

Вы можете назначить его переменной во внешней функции. Это сформирует закрытие и внутренняя функция будет иметь доступ к внешнему переменному:

itemData["segmentos"] = {}; 
$("[id^='item-segmentos-']").each(function() { 
    var outerthis = this; 
    $("[id^='item-tipo-']").each(function() { 
     itemData["segmentos"][$(outerthis).val()] = $(this).val(); 
    }); 
}); 

Но обратите внимание, что Jquery передает индекс и элемент в качестве параметров для обратного вызова, которые могут сделать для более четкого кода, например

itemData["segmentos"] = {}; 
$("[id^='item-segmentos-']").each(function(oIndex, outerElement) { 
    $("[id^='item-tipo-']").each(function(iIndex, innerElement) { 
     itemData["segmentos"][$(outerElement).val()] = $(innerElement).val(); 
    }); 
});