Постоянное удаление DIV из содержимого кода по идентификатору во внешнем интерфейсе

#html #jquery #frontend

#HTML #jquery #внешний интерфейс

Вопрос:

У меня на моем сайте есть страница с несколькими DIV с некоторым контентом (допустим, что каждый из них является задачей ДЛЯ ВЫПОЛНЕНИЯ).

Мне нужно просмотреть URL-адрес этой страницы и выбрать, какой DIV я хочу удалить навсегда (таким образом, что даже если я обновлю страницу, ее там больше не будет).

Возможно ли это?

У меня есть этот код, но «удаленный» DIV появляется снова, как только я обновляю страницу…

 <!DOCTYPE html>  
  
<html>  
<head>  
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>  
    <script>  
    $(document).ready(function () {  
        $("#removeDIVid1").click(function () {  
            $("#id1").remove();  
        });
  
        $("#removeDIVid2").click(function () {  
            $("#id2").remove();  
        });
          
        $("#removeDIVid3").click(function () {  
            $("#id3").remove();  
        });
    });  
    </script>  
</head>  
<body>  


<div id="id1"><p>paragraph 1 <button id="removeDIVid1">Remove DIVid1</button></p></div>
<div id="id2"><p>paragraph 2 <button id="removeDIVid2">Remove DIVid2</button></p></div>
<div id="id3"><p>paragraph 3 <button id="removeDIVid3">Remove DIVid3</button></p></div>


</body>  
</html>

1. Это можно сделать с localStorage помощью и условием значения, которое. Например, если загружено значение 1 ( localStorage.getItem() ), то после построения DOM запустите remove() метод. На мой взгляд, это «костыль», он будет работать.

2. @s.kuznetsov не могли бы вы привести пример, пожалуйста?

Ответ №1:

remove Метод просто извлекает объект из DOM, и когда вы обновляете страницу, поскольку дерево DOM генерируется снова, с вашими элементами div. Я думаю, что динамическое генерирование этих задач с помощью jQuery решит вашу проблему. Дайте мне знать, если вам понадобится помощь с кодом.