Определение, где jquery ищет элемент

Question

Как указать функции jquery, где искать указанный элемент.Я называю этот скрипт из iframe.

<script type="text/javascript">
    $(document).ready(function() {
        $('#tnav').load('loadtree.php');
    });
</script>

#tnav - это div, расположенный на верхней странице.Фрейм не знает о верхней странице.Таким образом, ничего не происходит, когда скрипт распечатывается в источнике iframe.Как заставить скрипт загружать div на верхней странице.

Спасибо.

Answer 1

Я полагаю, что вы можете использовать что-то вроде следующего, чтобы получить родительский элемент iframe и затем указать селектор:

window.parent().$('#tnav').load('loadtree.php');

Вы также можете использовать контекстный селектор, как показано ниже:

$('#tnav', parent.document).load('loadtree.php');

Выбирает div (#tnav) из родительского документа iframe (parent.document)

Общий синтаксис:

$('[item to select]',context);

Answer 2

Когда я изменил div на верхней странице на iframe, это работало для обновления iframe.

<script type="text/javascript">
    $(document).ready(function() {
        treload = window.parent.document.getElementById('tnav');
        treload.src = "loadtreeb.php";
    });
</script>