Выделение слов?

Question

[Demon]

Делаю выделение слова из input (Аналог поиска Хрома) все работает но при попытке удалить выделенное слово если его нет в поле т.е его родитель html не получаться сохранив текст.

Демо: jsfiddle

Comments

[Сергей delphinpro]

при попытке удалить выделенное слово если его нет в поле т.е его родитель html не получаться сохранив текст.

сами-то перечитайте что написали =)) нихрена же не понятно...

[Сергей delphinpro]

код отформатируйте, там тоже каша...

setinterval замените на прослушку события input

и сохраняйте исходный текст. при проверке всегда используйте исходный текст. тогда вам не нужно будет удалять уже выделенное слово, а нужно лишь обновить разметку с новым выделением.

Answer 1

[DanKud]

Можно так - https://codepen.io/anon/pen/Jzevem

var defaultsHTML = [];
$('.name').each((index, element) => {
    defaultsHTML[index] = $(element).html();
});

$('.search-input').on('input', function() {
    var songSearch = $(this).val();
    defaultsHTML.forEach((baseHTML, index) => {
        var eqElement =  $('.name').eq(index);
        if (baseHTML.match(songSearch) !== null && songSearch.length > 2) {
            $(eqElement).html(baseHTML.replace(songSearch, '<span class="songSearch">' + songSearch + '</span>'));
        } else {
            $(eqElement).html(baseHTML);
        }
    });
});