JQuery .append() решение для закрытых тегов автоматически

Question

Что это лучший способ, чтобы добавить что-то вроде этого, добавьте

<div> 
<a href=""></a> 
<div> 
    <pre> 
    </pre> 
</div> 
</div> 

Я искал некоторые советы, Does jQuery append() close html tags? jquery append() not writing closing tag http://forum.jquery.com/topic/append-automatically-closing-html-tags

но для этих тегов ничего не работает;/

Answer 1

Я не уверен, что я понимаю ваш вопрос. Вы просите способ добавить все содержимое, которое вы указали в другой элемент?

Если да, то один способ. jQuery будет самостоятельно закрывать элементы, если вы напишете их как <div/>. Предположим, вы хотите добавить весь контент в свой вопрос в конце элемента body.

EDIT: вы можете добавлять атрибуты даже к самозакрывающимся тегам, например <a href="#"/>, поэтому я обновил код соответствующим образом.

Вы можете сделать это так:

$('body').append('<div class="awesome-class"/>'); 
$('div:last-child').html('<a href="#"/><div><pre/></div>'); 

Я не знаю, если вы можете управлять им в одной прикован линии, так что я сделал это в два. Во-первых, я добавляю внешний div, а затем вставил все остальные внутри с помощью метода html.

Это то, что вам нужно?

код с классами, которые перечислены в ваш комментарий:

$('body').append('<div class="test"/>'); 
$('div:last-child').html('<a class="test2" href="#"><img src="#"/>link</a><div class="test3"><pre/></div>');