[pleomax]

Прошу помощи, зеленому программисту), решил знающим людям написать. Вторые сутки пытаюсь решить вопрос, мозг взорван)

Имеем кусок кода пагинации

if ( btnDisplay ) {
	node = $('<a>', {
		'aria-controls': settings.sTableId,
		'data-dt-idx': counter,
		'tabindex': settings.iTabIndex,
		'id': idx === 0 && typeof button === 'string' ?
		settings.sTableId +'_'+ button :
		null
	} )
	.html( btnDisplay )
	.appendTo( container );
	_fnBindAction(
	node, {action: button}, clickHandler
	);
	counter++;
}

Который дает:

<ul class=«pagination»>
	<a data-dt-idx=«1» tabindex=«0»>1</a>
	<a data-dt-idx=«2» tabindex=«0»>2</a>
	<a data-dt-idx=«3» tabindex=«0»>3</a>
	<a data-dt-idx=«4» tabindex=«0»>4</a>
	<a data-dt-idx=«5» tabindex=«0»>5</a>
</ul>

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

<ul class=«pagination»>
	<li><a data-dt-idx=«1» tabindex=«0»>1</a>></li>
	<li><a data-dt-idx=«2» tabindex=«0»>2</a></li>
	<li><a data-dt-idx=«3» tabindex=«0»>3</a></li>
	<li><a data-dt-idx=«4» tabindex=«0»>4</a></li>
	<li><a data-dt-idx=«5» tabindex=«0»>5</a></li>
</ul>

Пробовал добавлять

container.append('<li>');

перед стройкой

node = $('<a>', {,

результат

<li></li><a data-dt-idx=«1» tabindex=«0»>1</a>