从iframe访问父窗口的元素(jquery)

Question

我有几个dinamically创建的div,里面有相同的元素:

<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>

...

iframe中有一个表单看起来像这样:

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

我的jquery函数:

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

我希望在父窗口上提交的其他操作,在div中包含的与表单共享相同ID的元素上执行.我必须得到父div中的html,如下所示:

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

但我无法达到div中的元素,例如:

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

要么

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

返回null而不是"Some some here here".

Answer 1

尝试将代码修改为以下内容：

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

我进行了快速测试，一切正常。

编辑：解释

问题是您试图将其parent_div作为字符串引用，而实际上它本身就是一个 jQuery 对象。

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