Добавить элемент в динамически созданный элемент?

Question

[Messi]

Есть такая задача:

function addList(groups) {
          $.each(groups, function(i, val) {
            leftBlock
            .append(
                '<div class="statistic-item" data-attr="list-block">' + 
                '<div class="title-group" data-attr="list-title" group_id="'+ val.list_id +'">' + val.list_title + '</div>'
                + '</div>'
                );
          });
      }

Мне нужно добавлять div.titl-group в динамически созданный div.statistic-item. С примера видно, что сделал я это в одно append, просто добавив в div.
Но как это правильнее сделать через два append?

Answer 1

[Владимир Скибин]

function addList(groups) {
	$.each(groups, function(i, val) {
		var $static = $('<div/>');
		var $title = $('<div/>');

		$static.prop({
			'data-attr': 'list-block'
		});
		
		$title.prop({
			'data-attr': 'list-title',
			'group_id': val.list_id
		});
		$title.text(val.list_title);

		$static.append($title);
		leftBlock.append($static);
	});
}

Comments

[Messi]

Шикарно.