Как добавить тег в div

Question

Я хочу добавить тег в frontpage-course-list div, но нижеприведенный код добавит класс в frontpage-course-list div.

$("#frontpage-course-list").add("a").addClass("myclass"); 
    var pdiv = $("#frontpage-course-list").add("a"); 

Пожалуйста, дайте мне знать, как добавить

Answer 1

Вы должны использовать Append:

$("#frontpage-course-list").append("<a class='myclass'>My custom link</a>"); 

Если вы хотите IMG Внутри вы можете сделать

$("#frontpage-course-list").append("<a class='myclass'><img src='/path/to/image'></a>"); 

Или, если вы хотите, изображение (не ссылку), вы можете написать следующее :

$("#frontpage-course-list").append("<img src='/path/to/image'>"); 

Answer 2

Использование присоединять

$("#frontpage-course-list").append("<a class='yourclass'></a>"); 

Это добавит якорь в качестве последнего потомка этого указанного элемента (frontpage-course-list).

Если вы хотите добавить якорь как firt ребенка, а затем использовать prepend

$("#frontpage-course-list").prepend("<a class='yourclass'></a>"); 

Вы также можете попробовать что-то подобное,

var anchor = $("<a/>", { 
    'class': 'yourclass', 
    'href': 'your href' 
}); 
$("#frontpage-course-list").append(anchor); 

Answer 3

Если вы хотите создать новый анкерный элемент с указанный класс затем добавьте его в раздел, затем вы можете использовать

$('<a />', { 
    'class': 'myclass' 
}).appendTo('#frontpage-course-list') 

.add() вернет объект jQuery, содержащий элементы в вызывающем наборе и элементы, возвращаемые селектором передачи.

Answer 4

Следующие не сохраняют добавленные элементы, так как метод .add() создает новый набор и оставляет оригинальный набор в pdiv без изменений:

$("#frontpage-course-list").add("a").addClass("myclass"); 
    var pdiv = $("#frontpage-course-list").add("a");// WRONG, pdiv will not change. 

Чтобы по прибывшему этого используйте .append.

$("#frontpage-course-list").append("<a class='myclass'></a>"); 

Reference DOC