Добрый день,
Нужно динамичски добавить следующий HTML

<p class="planning-area-tag-content">
   <span class="planning-area-site">
        Some Text 
   </span> 
   <span class="planning-area-delemiter">|</span>
   <span class="planning-area-name">
      Some Text
   </span>
</p>

Пытаюсь так, но ничего не получается

let resElement = $('p').addClass('planning-area-tag-content')
    .add('<span>').text('Some Text').addClass('planning-area-site')
    .after('<span>').text('|').addClass('planning-area-delemiter')
    .after('<span>').text('Some Text').addClass('planning-area-name');

Подскажите пожалуйста.
Спасибо

Здравствуйте, meerius, Вы писали:

M>Добрый день,
M>Нужно динамичски добавить следующий HTML

M>Подскажите пожалуйста.
M>Спасибо

Можно кусок HTML скормить jQuery, будет создан узел ,который потом можно куда угодно приделать. Примерно так:

var node = $("<div class='aaa'><span>aaa</span></div>");
$(".other-node").append(node);

$('<p>').addClass('p-class')
.append($('<span>').addClass('span-1-class').text('Hello'))
.append($('<span>').addClass('span-delimiter-class').text(' '))
.append($('<span>').addClass('span-2-class').text('world!'))