Блог

Главная - Вопросы по программированию - Удаление пустых двойных кавычек в jquery

Удаление пустых двойных кавычек в jquery

#javascript #jquery #html #string #replace

#javascript #jquery #HTML #строка #заменить

Вопрос:

введите описание изображения здесь

Как я могу удалить те пустые двойные кавычки, которые отображаются внутри <div class="nav-modal-main"></div>

Заранее спасибо!

Комментарии:

1. $(‘.nav-modal-main’).html(«);

2. С помощью этого решения контейнер с отверстиями становится пустым. Я хотел бы сохранить дочерний->.msg-контейнер и удалить только двойные кавычки

3. Создайте еще один временный (скрытый) div в DOM. Добавьте все .msg-container divs и любой другой div, который вы хотели бы сохранить в этом временном скрытом div. Пусто .nav-modal-main . И повторно присоедините все divs в скрытом div к их исходному родительскому элементу.

Ответ №1:

Используйте replace() 

 var tempStr = $('.nav-modal-main').text();
tempStr.replace(/"/g,  '').replace(/,/g,'').trim();
  

 $(document).ready(function(){
  
var tempStr = $('.nav-modal-main').text();
$('.nav-modal-main').text(tempStr.replace(/"/g,  '').replace(/,/g,'').trim());
  
});  
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="nav-modal-main">
",   "
  
  Testing
</div>

Комментарии:

1. Выдает ошибку-> Неперехваченная ошибка типа: $(…).replace не является функцией

2. @Vasileios Видите, я обновил свой ответ, также проверьте рабочий пример.

3. @Vasileios Рад это видеть, Всего наилучшего 🙂

Ответ №2:

В качестве альтернативного варианта без jquery:

 document.querySelector('.nav-modal-main').firstChild.textContent = null

вы можете проверить это здесь