Как разбить слово и превратить в кнопки?

Question

[pcdesign]

Имеется переменная в js скрипте:

<script type="text/javascript">
var abc = "ABCDEFGH";
</script>

Которую надо превратить вот в такое:


Как это сделать "малой кровью"? Чтобы получился ряд кликабельных кнопок.
И чтобы поменьше всего наворотить.
Внешний вид по фиг, это я разберусь, просто для примера запостил картинку.

P.S. Все это хозяйство на:
jquery-2.1.0 и Bootstrap 3.

Answer 1

[Станислав Фатеев]

Вот пример

Comments

[pcdesign]

Спасибо!

Answer 2

[Keyten]

Примерно так

var abc = "ABCDEFGH";
for(var i = 0; i < abc.length; i++){
 var button = document.createElement("button");
 button.textContent = abc[i];
 container.appendChild(button);
}

Comments

[pcdesign]

Спасибо!

Answer 3

[Lynn «Кофеман»]

1. Разбить строку на символы.
   
2. Завернуть каждый символ в кнопку.
   

Какой из пунктов задачи вызывает затруднение?

Comments

[pcdesign]

Спасибо за ответ. Последний пункт задачи.
Много разных есть путей для этого. Не могу решить какой лучше.
Ну то есть что это должно в идеале быть: input, li, button, может использовать какую-нибудь готовую
paggination библиотеку и т.д.

[Lynn «Кофеман»]

api.jquery.com/wrap

[pcdesign]

И в самом js коде как это лучше реализовать.

[Lynn «Кофеман»]

Может ещё и написать всё за вас?

[pcdesign]

Алексей Тен: Ну вот человек сверху написал.

[Дмитрий Полушкин]

pcdesign идите сразу в менеджеры с такими претензиями!