Блог

У меня есть список ul.

Я хочу удалить все li в моем ul с помощью it 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);
  

но я предпочитаю первый метод.

Если вы хотите удалить все li элементы внутри ul с определенным идентификатором:

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

Поскольку в любом случае ul имеет только li дочерние элементы, вы также можете использовать $('#id-of-ul').empty() для удаления всех его дочерних элементов.

Вы также могли бы использовать empty() :

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

* Использование jQuery

Вы имели в виду, что хотите удалить все li с тем же идентификатором? (Вот как я интерпретировал вопрос)

 $('#id').remove()
  

(Помните, что использование одного и того же идентификатора для нескольких элементов DOM не считается хорошим программированием и его всегда следует избегать! Всегда используйте хорошую IDE для проверки вашего кода)

Вы также можете удалить с помощью класса (это лучший способ удалить сгруппированные элементы по имени класса)

 $('.className').remove()
  

Эти две функции удалят ВСЕ элементы с идентификатором / классом
Чтобы ограничить удаление идентификаторов / классов только из LI

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

Вы также можете создать функцию на JavaScript. Это приведет к удалению любого DOM с классом itemDelete, щелкнувшим по нему.

 $('.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');