我正在寻找代码(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>
是否有任何代码可以在该列表通过后删除该列表的元素?或者我是否必须每天手动将其从列表中删除?
我不反对重新创建整个列表的想法,所以任何事情都会有所帮助! 感谢您提前提供的所有帮助!
最佳答案
你可以编写一个Javascript函数并使用
var list = document.getElementById("myList");
获取列表。
您可以使用
删除列表项
list.removeChild(list.childNodes[0]);
您可以使用 css 选择器在 list.removeChild() 中指定 li 元素。
关于javascript - 根据日期动态删除列表项的代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51002081/