jQuery는 정렬되지 않은 목록에서 모든 목록 항목을 제거합니다.


124

목록에서 모든 목록 요소를 지우는 jQuery 명령을 잊어 버렸습니다. 나는 약간의 검색을했고, 전에 여러 번 수행했지만 단순히 명령을 잊어 버렸습니다.

$("ul").clear()
$("ul").empty()

둘 다이 일을 완수하지 못한 것 같습니다 .. 또 어떤 명령입니까?

업데이트 :
고마워요, 내 선택기에 구문 오류가 있어야합니다.


당신은 생각하고 $("ul").remove();있습니까?
Dave Kiss

2
$ ( "ul"). empty ()가 작동하고 자식을 지워야합니다.
Naor

1
@Dave Kiss : 제거하면 그 자체가 제거됩니다.
Naor

2
아, 어쩌면$("ul").children().remove();
Dave Kiss

답변:


275

$("ul").empty()잘 작동합니다. 다른 오류가 있습니까?

$('input').click(function() {
  $('ul').empty()
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li>test</li>
  <li>test</li>
</ul>

<input type="button" value="click me" />

http://jsfiddle.net/infernalbadger/D5ss8/




11

이것은 작동합니다.

$("ul").html('')

이상하다. Chrome (버전 20.0)에서 저에게 적합합니다. jsfiddle.net/Ax4xq 두 경우 모두 실제로 허용되는 답변을 선호합니다.
RoccoC5 2012


1

수업이나 신분증을보세요. 아마도 이것처럼 $ ( "# resi_result"). html ( ''); 이것은 작동합니다.


1
SO에 오신 것을 환영합니다! 귀하의 답변이 기존의 수용된 답변보다 향상되었다고 생각하는 이유는 무엇입니까?
cfi

1
   var ul = document.getElementById("yourElementId");

     while (ul.firstChild)
         ul.removeChild(ul.firstChild);

1

여러 ul이 있고 특정 ul을 비우려면 id를 사용하십시오.

<ul id="randomName">
   <li>1</li>
   <li>2</li>
   <li>3</li>
</ul>


<script>
  $('#randomName').empty();
</script>

$('input').click(function() {
  $('#randomName').empty()
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<ul id="randomName">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

<ul>
  <li>4</li>
  <li>5</li>
</ul>
<input type="button" value="click me" />



0

이것은 최소한의 코드로 나를 위해 일했습니다.

$(my_list).remove('li');
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.