Получить слова из строки с регулярным выражением jQuery

Question

Содержимое доставляется динамически, поэтому мне нужно иметь возможность поместить в упорядоченный список на лету ..

В настоящее время мой текст выглядит так с пробелами:

<div class="born">BORN RESIDENCE PLAYS FAVORITE</div>

Это тот формат, который я пытаюсь выполнить, но безуспешно ..

<div class="born">
  <ul>
   <li>BORN</li>
   <li>RESIDENCE</li>
   <li>PLAYS</li>
   <li>FAVORITE</li>
 <ul>
</div>

Спасибо заранее!

Answer 1

Вот как вы можете получить слова из строки с помощью jQuery (и немного javascript):

 var splitted = str.split(/\s+/);

• \s - Соответствует пробелу.
• + - Совпадение один или несколько раз.

jQuery соответствует всем словам в строке

var str = $('div').text();

var splitted = str.split(/\s+/);
var _ul = $('<ul/>');
$('div').html(_ul);
$.each(splitted, function(key, value) {
    $(_ul).append($('<li/>').html(value));
});

Answer 2

Я уверен, что есть менее хакерский способ, но:

var text = $("div.born").text();
var textArr = text.split(" ");
$("div.born").html('<ul></ul>');
$.each(textArr, function (k, v) {
    $("div.born ul").append('<li>' + v + '</li>');
});

Пример: http://jsfiddle.net/KKauk/