2014-11-02 2 views
0

На странице есть <h1>hello world</h1>jQuery; Ориентация HTML после .load()

На моей домашней странице я использую;

  $(function() { 
       $('#content').load('/page'); 
      }); 

После загрузки я получил следующее в DOM.

  <div id="content"> 
       <h1>Hello world</h1> 
      </div> 

Я бы хотел добавить класс к этому недавно загруженному h1, поэтому я стараюсь;

  $('#content h1').addClass('world'); 

Это не удается, поскольку h1 был вставлен после загрузки страницы. Как найти и настроить новый HTML-код?

+0

[Проверка документов API] (http://api.jquery.com/load/), загрузка принимает параметр «complete», который может быть функцией, которая выполняется после загрузки данных , Хотя я уверен, что это обман. – SeinopSys

+0

Возможный дубликат [Загрузите Jquery и затем отредактируйте загруженный контент] (http://stackoverflow.com/questions/1213497/jquery-load-and-then-edit-loaded-content) – SeinopSys

ответ

2

Простой, вы можете использовать атрибут complete функции .load(). Подробнее здесь http://api.jquery.com/load/

$(function() { 
    $('#content').load('/page', function() { 
     $('#content h1').addClass('world'); 
    }); 
}); 
1

Как вы можете видеть в документации (http://api.jquery.com/load/), метод нагрузки принимает функцию, которая выполняется, когда подмигнули сделано:

$(function() { 
    $('#content').load('/page', function(){ 
     $('#content h1').addClass('world'); 
    }); 
}); 

Вместо того, чтобы предупреждения, добавлять любые вы хотите сделать с H1

+0

Что такое '# result', и он хочет для загрузки '/ page' not' ajax/test.html', попробуйте вставить его в вопрос, не копируйте пасту из документации – MarshallOfSound

+0

Вы правы, извините. Готово! – user1563056

Смежные вопросы