如何用它来清除我体内所有的盐分

how to remove all li in my ul through with it id?

本文关键字:何用它 清除      更新时间:2023-09-26

我有一个ul列表

我想删除所有的li在我的ul通过它的id?

所有jQuery的东西。: -)

一个普通的旧javascript版本:

  var ul = document.getElementById('<ul id>');
  if (ul) {
    while (ul.firstChild) {
      ul.removeChild(ul.firstChild));
    }
  }

也可以设置:

  ul.innerHTML = '';

甚至:

  ul.parentNode.replaceChild(ul.cloneNode(false), ul);

如果要删除具有特定ID的ul中的所有li元素:

$('#id-of-ul > li').remove();

既然ul只有li孩子,你也可以使用$('#id-of-ul').empty()来删除所有的孩子。

您也可以使用empty():

$('#listId').empty();

使用jQuery

您的意思是要删除所有具有相同id的li吗?(这就是我对这个问题的理解)

$('#id').remove()

(请记住,在多个DOM元素上使用相同的ID不被认为是好的编程,应该始终避免!总是使用一个好的IDE来检查你的代码)

你也可以使用类来删除(这是一个更好的方法来删除按类名分组的元素)

$('.className').remove()

这两个函数将删除ID/Class的所有元素限制仅从LI中删除id/class'es

$('li #id').remove();
$('li .className').remove();

你也可以用JavaScript创建一个函数。这将删除任何一个类itemDelete被点击的DOM。

$('.itemDelete').live("click", function() {
        var id = $(this).parent().get(0).id;
        $("#" + id).remove();
    });

创建循环并调用函数?

function deleteLI(id) {
            $("#" + id).remove();
        };

简单的纯js方法是:

var ul = document.getElementById("ul_id");
ul.innerHTML = "";

这当然是假设没有其他非li的子元素是你不想删除的

您必须调用remove()方法。

// Removes a single element with the specified id
$('#id-of-the-element').remove();

查看文档获取更多信息

下面应该可以工作:
$('#uiId').remove('li');