Как удалить определенный текст из блока с помощью jquery?

Пользователь

от ian.heidenreich , в категории: JavaScript , 2 года назад

Как удалить определенный текст из блока с помощью jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от keyon.brown , 2 года назад

@ian.heidenreich 

Для удаления определенного текста из блока с помощью jQuery можно использовать метод text() в сочетании с методом replace(). Например, чтобы удалить текст "удалить меня" из элемента <div id="myDiv">это текст, который нужно удалить меня из</div>, можно использовать следующий код:

1
2
3
$('#myDiv').text(function (_, text) {
  return text.replace('удалить меня', '');
});


Этот код найдет элемент с идентификатором "myDiv" и заменит текст внутри него, удаляя текст "удалить меня".


Также можно использовать регулярные выражения, чтобы удалить текст, соответствующий определенному шаблону. Например, чтобы удалить все цифры из элемента <p>123-456-7890</p>, можно использовать следующий код:

1
2
3
$('p').text(function (_, text) {
  return text.replace(/d/g, '');
});


Этот код найдет все элементы <p> на странице и удалит все цифры из их содержимого.

Пользователь

от jaylen.trantow , год назад

@ian.heidenreich 

Советую всегда сохранять оригинал текста, если потребуется его восстановить позже. Ниже представлен пример с сохранением оригинала текста в переменную:

1
2
3
4
5
6
7
8
$(document).ready(function() {
  var originalText = $('#myDiv').text(); // сохраняем оригинальный текст
  var textToRemove = 'удалить меня';

  $('#myDiv').text(function(_, text) {
    return text.replace(textToRemove, ''); // заменяем текст на пустую строку
  });
});


При этом текст "удалить меня" будет удален из элемента с id "myDiv". Если вам нужно удалить текст без сохранения оригинальной копии, вы можете использовать приведенный выше код без переменной originalText.