Метод jQuery prepend()

Методы HTML/CSS jQuery

Метод prepend() вставляет указанное содержимое в начало каждого选定ного элемента (в качестве первого подэлемента).

Чтобы вставить содержимое в конец выбранного элемента, используйтеappend()Метод.

Грамматика:

Вставить содержимое в начале:

$(selector).prepend(content)

Добавление содержимого с помощью функции:

$(selector).prepend(function(index,　html))

Пример

Добавить текст перед всеми абзацами:

$("button").click(function(){
　　$("p").prepend("Hello　world");
});

Добавить некоторые HTML перед всеми абзацами:

$("button").click(function(){
　　$("p").prepend("<b>Hello　world</b>");
});

Этот пример использует document.createTextNode() для создания текстового узла и добавления его перед всеми элементами <p>:

$("button").click(function(){
　　$("p").prepend(document.createTextNode("Hello world"));
});

Добавление содержимого с помощью функции:

$("button").click(function(){
　　$("p").prepend(function(i){
return "<b>This p element has index " + i + "</b>";
　　});
});

Значение параметра

Методы HTML/CSS jQuery