Можно ли редактировать элементы DOM, которые загружаются через <iframe>с помощью jQuery? - PullRequest
2 голосов
/ 26 сентября 2010

У меня есть следующий HTML-код:

<body>
  ...
  <div id="users">
      <iframe src="http://control.intranet/userlist.php" height="100">
  </div>
  ...
</body>

Где //control.intranet/userlist.php загружает список пользователей из нашей панели управления интрасети.

Этот список выглядит следующим образом:

<div class="user">
    <span class="name">Boda Cydo</span>
    <span class="ip">10.42.12.2</span>
    ...
</div>
<div class="user">
     ...
</div>
...

Теперь я хочу отформатировать внешний вид списка пользователей, поэтому я пытаюсь сопоставить элементы в нем с помощью jQuery:

$("#users .name").css("background-color", "#FF0000")

Но он никогда не совпадает с одним .name.

Я даже попробовал просто $("#users").length, и он возвращает 0.

Это заставляет меня думать, что я не могу редактировать элементы DOM, загруженные через iframe, с помощью jQuery.Это правда?Если да, то как мне отредактировать CSS элементов, которые загружаются через iframe?

Спасибо, Boda Cydo.

Ответы [ 3 ]

3 голосов
/ 26 сентября 2010

Метод .contents () также может быть используется для получения содержимого документа iframe, если iframe находится на том же домен в качестве главной страницы.

От: http://api.jquery.com/contents/

2 голосов
/ 26 сентября 2010

1001 * попробовать *

$("#iframeid").contents().("#users .name").css("background-color", "#FF0000");

это будет работать только в том случае, если ваш iframe и главная страница принадлежат одному домену.

0 голосов
/ 26 сентября 2010

Быстрый поиск в Google дал мне: http://simple.procoding.net/2008/03/21/how-to-access-iframe-in-jquery/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...