javascript - 根据日期动态删除列表项的代码

Question

我正在寻找代码(HTML、CSS 或 javascript)或任何方法来解决我的问题。我最近的任务是帮助我公司网站的设计和功能。有一个页面将列出员工在这一年中将参加的事件。例如:

 <div class="container3">

          <div class="accordion">
            <dl>
              <dt>
                <a href="#accordion1" aria-expanded="false" aria-controls="accordion1" class="accordion-title accordionTitle js-accordionTrigger">Travel Territory</a>
              </dt>
              <dd class="accordion-content accordionItem is-collapsed" id="accordion1" aria-hidden="true">
                <p><li>Test 1</li>
                <li>Test 2</li></p>
              </dd>
              <dt>
                <a href="#accordion2" aria-expanded="false" aria-controls="accordion2" class="accordion-title accordionTitle js-accordionTrigger">Catch me at these schools!</a>
              </dt>
              <dd class="accordion-content accordionItem is-collapsed" id="accordion2" aria-hidden="true">

                <p><ul id="myList">
                <li>03/24/2018 at Upper Darby High School 1</li>
                <li>03/24/2019 at Upper Darby High School 2</li>
                </ul>
                </p>
              </dd>
            </dl>
          </div>
        </div>

是否有任何代码可以在该列表通过后删除该列表的元素？或者我是否必须每天手动将其从列表中删除？

我不反对重新创建整个列表的想法，所以任何事情都会有所帮助!感谢您提前提供的所有帮助!

Answer 1

你可以编写一个Javascript函数并使用
var list = document.getElementById("myList");获取列表。您可以使用
删除列表项list.removeChild(list.childNodes[0]);您可以使用 css 选择器在 list.removeChild() 中指定 li 元素。