Как добавить добавленный HTML с помощью jQuery?

Question

У меня есть следующая строка кода:

var html = "...";
$("#id_name").append(html).fadeIn("slow");

Это вызывает появление всего div #id_name. Я хочу, чтобы только добавленный добавленный HTML . Как это можно сделать?

Answer 1

Вы можете сделать что-то вроде:

$('<div></div>').appendTo("#id_name").hide().append(html).fadeIn('slow');

Answer 2

вы должны убедиться, что переменная "html" сначала является объектом jquery и присутствует в DOM.

Таким образом, вы обычно запускаете функцию обратного вызова, которая запускается, когда функция append () эффективна.

пример:

$("#id_name").append(html,function(){
 $(html).fadeIn("slow");
});

Answer 3

Это также должно работать (при условии, что html var - это фрагмент HTML-кода) и может быть немного более читабельным:

$(html).appendTo('#id_name').hide().fadeIn('slow');