nodelist 相关问题

我想选择类名为 find-me 的所有元素，并根据它们的其他类（如果相同）将它们分组到单独的数组（或 NodeList）中。这是一个例子：我想选择类名称为 find-me 的所有元素，并根据它们的其他类（如果相同）将它们分组到单独的数组（或 NodeList）中。这是一个例子： <div class="find-me one two"> Element 1 </div> <div class="find-me one two"> Element 2 </div> <div class="find-me one two three"> Element 3 </div> <div class="find-me one two three"> Element 4 </div> <div class="find-me one two four"> Element 5 </div> <div class="find-me one two"> Element 6 </div> <div class="one two"> Element 7 </div> 我的目标是：包含元素 1、2 和 6 的一个数组或 NodeList (find-me, one, two) 包含元素 3 和 4 的一个数组或 NodeList (find-me, one, two, three) 包含元素 5 的一个数组或 NodeList (find-me, one, two, four) 不应考虑元素 7，因为它没有 find-me 类我想我必须使用 document.querySelectorAll('.find-me') 首先获取我感兴趣的所有元素的 NodeList。但是然后呢？我想我可以将当前元素的类列表与前一个元素进行比较，但是我如何跟踪哪个元素属于哪个组？知道如何实现这一目标吗？您可以使用此代码： const findMeElements = document.querySelectorAll('.find-me'); const groupedElements = {}; findMeElements.forEach(element => { const currentClasses = Array.from(element.classList); const otherClasses = currentClasses.filter(className => className !== 'find-me'); const key = otherClasses.join(','); if (groupedElements[key]) { groupedElements[key].push(element); } else { groupedElements[key] = [element]; } }); console.log(groupedElements); <div class="find-me one two"> Element 1 </div> <div class="find-me one two"> Element 2 </div> <div class="find-me one two three"> Element 3 </div> <div class="find-me one two three"> Element 4 </div> <div class="find-me one two four"> Element 5 </div> <div class="find-me one two"> Element 6 </div> <div class="one two"> Element 7 </div>

javascript html css nodelist

回答 1 投票 0

当控制台从我的 JS 文件记录时，为什么我的节点列表包含 0 个项目？

我关心的JS代码是这样的： const modals=document.querySelectorAll('.modal'); const modalsArray=[...模态]; console.log(modalsArray); document.addEventListener('...

javascript arrays console nodelist

回答 1 投票 0

JS新手：NodeList返回null但有元素

我的 Javascript/HTML 代码都在一个文件中，现在我想将其拆分为单独的文件。我的 JS 代码在拆分之前可以正常工作，但是当我将其移动到新文件时，commen...

javascript drop-down-menu nodelist

回答 1 投票 0

遍历NodeList

我正在寻找一种面向未来的方法来迭代 NodeList （即从 element.querySelectorAll(selector) ）以及跨浏览器兼容。之前我一直在使用 ES6 Spread

javascript cross-browser nodelist

回答 2 投票 0

如何使用JavaScript删除带有类名的innerHTML li

我正在创建一个 Todo 应用程序，但我对 JavaScript 还很陌生，我在使用类删除已完成的任务时遇到问题 (todos)li.checked 在用户输入的innerHTML 中找到。我正在创建一个 Todo 应用程序，我对 JavaScript 还很陌生，我在使用类删除已完成的任务时遇到问题 (todos)li.checked 在用户输入的innerHTML 中找到。 <div class="todo-container"> <ul class="todo-list"> */<li class="checked">completed task</li> <li>Uncompleted task</li>*/ </ul> </div> <div class="btn" onclick="deletecompletedTask()> deleteAll</div> JS const btn = document.querySelector(".btn"); const todoContainer = document.querySelector('.todo-container'); const todolist = document.querySelector('.todo-list); //Delete completed task function deletecompletedTask(){ todoContainer.innerhtml = document.getElementByClassName('checked'); todoContainer.removeChild(todoContainer.firstChild); } 解释嗨，我认为要实现你想要的，你不应该设置innerhtml，而是使用删除功能。这里对您的脚本进行了一些修改，它首先会查找类标记为 “checked” 的所有元素。然后，我们将使用 "forEach" 循环来删除所有它们。 HTML <div class="todo-container"> <ul class="todo-list"> */<li class="checked">completed task</li> <li>Uncompleted task</li>*/ </ul> </div> <button id="deleteBtn" class="btn"> deleteAll</button> Javascript // loop through all the .checked element and remove them function deletecompletedTask() { document.querySelectorAll(".checked").forEach(function(e) { e.remove(); }); } // add event listener to delete button let btn = document.getElementById("deleteBtn").addEventListener("click", function() { deletecompletedTask(); });

javascript function parent-child innerhtml nodelist

回答 1 投票 0

查找嵌套的nodeList <span>

我第一次尝试进行网络抓取，以便在假期中获得最优惠的价格。（我的目的是拥有一个 Telegram 机器人，每天检查酒店日历中的特定日期并搜索...

javascript web-scraping jquery-selectors telegram-bot nodelist

回答 1 投票 0

nodelist 相关问题

最新问题