Как обернуть каждое слово в блоке в отдельный тег span?

Question

[Александр Князев]

Пишу функцию которая следит за блоком input, создавая дубликат текста в нем в другом блоке (div)

$('body').on('input', 'input[type = "text"], textarea', function(event) {
	$('#fixed_change_words_block').children('p').text('');
	$('#fixed_change_words_block').children('p').text($(this).val());
});

Теперь мне надо , чтобы каждое слово, поступающее в fixed_change_words_block оборачивалось в тег span. Как это можно реализовать?

Comments

[OVK2015]

var resultStr = '';
var sourceStr = 'строка из нескольких слов';
sourceStr.match(/(\W+?)(?:\s|$)/gim).forEach(function(item){resultStr += '<span class="singleWord">' + item.trim() + '</span>'});
console.log(resultStr);

Answer 1

[Константин Громов]

https://jsfiddle.net/y7sjb0o6

Comments

[Александр Князев]

Огромное спасибо, это помогло мне убрать из кода 10 строчек кода)