Я использую .append
для добавления в div
$(this).append('<ul><li>test</li></ul>');
как я могу выполнить поиск в <ul>
и удалить его, если он существует в дочерних элементах $(this)
?
Я использую .append
для добавления в div
$(this).append('<ul><li>test</li></ul>');
как я могу выполнить поиск в <ul>
и удалить его, если он существует в дочерних элементах $(this)
?
Вы можете использовать remove()
. Подробнее о jQuery remove().
$(this).children("ul").remove();
Обратите внимание, что это приведет к удалению всех ul
элементов, которые являются дочерними.
Используйте метод remove():
$(this).children("ul").remove();
То, что вы также должны учитывать, содержит ссылку на созданный элемент, тогда вы можете легко удалить его:
var newUL = $('<ul><li>test</li></ul>');
$(this).append(newUL);
// Later ...
newUL.remove();
была одна и та же проблема, и я столкнулся с этим - что на самом деле делает трюк для меня:
// $("#the_div").contents().remove();
// or short:
$("#the_div").empty();
$("#the_div").append("HTML goes in here...");
Противоположностью .append()
является .prepend()
.
Из документация jQuery для prepend...
Метод .prepend() вставляет указанный контент в качестве первого дочернего элемента каждого элемента в коллекции jQuery (Чтобы вставить его в качестве последнего дочернего элемента, используйте .append()).
Я понимаю, что это не отвечает на конкретный OPs . Но он отвечает на заголовок вопроса .:) И его первый хит в Google для "jquery напротив append".
Противоположным является child(), но противоположным положением является preend(). Здесь очень хороший учебник.