frilanser
@frilanser

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

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

Демо: jsfiddle
  • Вопрос задан
  • 88 просмотров
Пригласить эксперта
Ответы на вопрос 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);
        }
    });
});
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы