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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от camren , 2 года назад

@jaren 

Чтобы удалить определенный текст из блока с помощью jQuery, можно использовать метод .text() для доступа к текстовому содержимому элемента и метод .replace() для замены определенного текста на пустую строку.


Например, если у вас есть следующий HTML-код:

1
<div id="myDiv">Это текст, который нужно удалить.</div>


Тогда вы можете удалить текст "Это текст, который нужно удалить" с помощью следующего кода jQuery:

1
2
3
$("#myDiv").text(function () {
  return $(this).text().replace("Это текст, который нужно удалить", "");
});


Этот код выберет элемент с идентификатором "myDiv", получит его текстовое содержимое с помощью метода .text(), заменит "Это текст, который нужно удалить" на пустую строку с помощью метода .replace(), и затем установит новый текстовый контент с помощью метода .text().

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

от vladimir , год назад

@jaren 

Альтернативный способ удалить определенный текст из блока с помощью jQuery - использование метода .html() и функции замены с использованием регулярного выражения. Например:


1 2 3


$("#myDiv").html(function () { return $(this).html().replace(/Это текст, который нужно удалить/g, ""); });


Этот код выберет элемент с идентификатором "myDiv", получит его HTML-содержимое с помощью метода .html(), выполнит замену с использованием регулярного выражения на пустую строку с помощью метода .replace(), и затем установит новое HTML-содержимое с помощью метода .html(). Этот подход позволяет удалить все вхождения искомого текста, а не только первое.