elementi Accesso di finestra padre da iframe (jQuery)

Question

ho diversi div dinamicamente creati, con gli stessi elementi all'interno:

<div id="(dinamic_id_1)"> 
    <div class="(element_1)">Some text here</div> 
    <input class="(element_2)" /> 
    <iframe class="(element_3)" src="form.php?id=(dinamic_id_1)" /> 
</div> 

<div id="(dinamic_id_2)"> 
    <div class="(element_1)">Some text here</div> 
    <input class="(element_2)" /> 
    <iframe class="(element_3)" src="form.php?id=(dinamic_id_2)" /> 
</div> 

... 

E c'è un modulo all'interno del iframe che sarebbe simile a questa:

<form id="(dinamic_id)" > 
    <input class="(class_input)" /> 
</form> 

E la mia funzione di jQuery:

$(".class_input").change(function() { 
    $(this).closest("form").submit(); 
}); 

ci sono altre azioni che voglio execut e su submit sulla finestra genitore, sugli elementi contenuti nel div che condivide lo stesso id del modulo. Ho avuto modo di ottenere il codice HTML all'interno del div genitore in questo modo:

var parent_div = $("div#"+$(this).closest("form").attr("id"), parent.document); 
alert($(parent_div).html()); 

Ma non riesco a raggiungere gli elementi all'interno della div, per esempio:

var parent_div = $("div#"+$(this).closest("form").attr("id"), parent.document); 
alert($(parent_div+" .element_1").html()); 

o

var parent_div = $("div#"+$(this).closest("form").attr("id")+" .element_1", parent.document); 
alert($(parent_div).html()); 

Restituisce null invece di "Some text here".

Answer 1

provare a modificare il codice di seguito:

var parent_div = $("div#"+$(this).closest("form").attr("id"), parent.document); 
alert(parent_div.children('.element_1').text()); 

ho bussato a un test rapido mia fine e tutto ha funzionato bene.

Edit: Spiegazione

Il problema è che si stava tentando di fare riferimento parent_div come una stringa, quando in realtà si tratta di un oggetto jQuery su di essa la propria.

alert($(parent_div + " .element_1").html()); 
//  ([object] + [string] )