主页 / 问题 / 1592894
Accepted
alexWithoutBeard
Asked:2024-09-05 15:59:26 +0000 UTC2024-09-05 15:59:26 +0000 UTC

删除列表中编号最大的列表项

  • 772

给定一个按钮和一个充满数字的列表 ul。通过单击该按钮，删除包含最大数量的列表项。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
</head>

<body>
  <button>press me</button>
  <ul>
    <li>112</li>
    <li>222</li>
    <li>311</li>
  </ul>
  <script>
    let ul = document.querySelector("ul");
    document.querySelector("button").addEventListener("click", function() {
      let re = []; //Массив для всех значений тега li
      let max = 0; // Начальное значение для максимального числа
      let lis = [...document.querySelectorAll("li")]; //получаю массив всех li
      for (const li of lis) {
        re.push(parseFloat(li.textContent)); //добавляю в массив значения
        max = Math.max(...re); // получаю максимальное значение из списка, а дальше всё) 
      }
    });
  </script>
</body>

</html>

javascript

1 个回答

  1. Best Answer

    删除包含最大数字的列表项

    1. let lis = [...document.querySelectorAll("li")]; // Массив всех элементов li
    2. 在循环中查找lis.reduce((maxLi, li)和 maxLi.remove(); // Удаление элемента
    3. 如果数组为空，那么我们什么都不做if (lis.length === 0) return;

       document.querySelector("button").addEventListener("click", function () {
    let lis = [...document.querySelectorAll("li")]; // Массив всех элементов li
    if (lis.length === 0) return; // Если список пустой, ничего не делаем

    // Поиск элемента с максимальным значением
    let maxLi = lis.reduce((maxLi, li) => 
      parseFloat(li.textContent) > parseFloat(maxLi.textContent) ? li : maxLi
    );
    maxLi.remove(); // Удаление элемента
  });
    <!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
</head>

<body>
  <button>press me</button>
  <ul>
    <li>112</li>
    <li>222</li>
    <li>311</li>
  </ul>

</body>

</html>

    • 1

相关问题