Как добавить конечный тег, используя jQuery или любым другим способом

Question

У меня есть этот тег.

<p>
    <suggestion id=\"e87c7ef9bc864f08d8d93417eab96dbae:user-2\" suggestion-type=\"insertion\" type=\"start\">
    </suggestion>You should try first.

</p>

Теперь я хочу добавить:

<suggestion id=\"e87c7ef9bc864f08d8d93417eab96dbae:user-2\" suggestion-type=\"insertion\" type=\"end\">

после You should try first текста.

Я использую этот метод p.append() но это текст, а не тег.

Answer 1

$('p').append("<suggestion id=\"e87c7ef9bc864f08d8d93417eab96dbae:user-2\" suggestion-type=\"insertion\" type=\"end\">");

сделал именно то, что я думаю, что вы хотите. Начиная с

<p>
    <suggestion id="e87c7ef9bc864f08d8d93417eab96dbae:user-2" suggestion-type="insertion" type="start">
    </suggestion>You should try first.

</p>

Я закончил с

<p>
    <suggestion id="e87c7ef9bc864f08d8d93417eab96dbae:user-2" suggestion-type="insertion" type="start">
    </suggestion>You should try first.
<suggestion id="e87c7ef9bc864f08d8d93417eab96dbae:user-2" suggestion-type="insertion" type="end">
</p>

Answer 2

Вы должны append DOMNode, иначе он добавляется в виде текста. Т.е.:

let suggestion = document.createElement("suggestion");
suggestion.setAttribute("id", "e87c7ef9bc864f08d8d93417eab96dbae:user-2");
suggestion.setAttribute("suggestion-type", "insertion");
suggestion.setAttribute("type", "end");
document.getElementById('bar').append(suggestion);

<p id='bar'>
<suggestion id=\"e87c7ef9bc864f08d8d93417eab96dbae:user-2\" suggestion-type=\"insertion\" type=\"start\">
</suggestion>You should try first.

</p>