Programing

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

crosscheck 2020. 7. 12. 09:53
반응형

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


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

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

둘 다이 목표를 달성하지 못한 것 같습니다. 다시 어떤 명령입니까?

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


$("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/


다른 사람들이 지적했듯이 다음 과 같이 $('ul').empty() 잘 작동합니다 .

$('ul li').remove();

JS 피들 데모 .


이것은 작동해야합니다 :

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

$ ( "ul"). empty () 작동하고 어린이를 지워야합니다. 당신은 여기에서 볼 수 있습니다 :

http://jsfiddle.net/ZKFA5/


수업이나 아이디를보세요. 아마도 이것처럼 $ ( "# resi_result"). html ( ''); 이것은 작동해야합니다 :


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

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

여러 개의 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" />


다음을 사용하는 예 .remove():

<p>Remove LI's from list</p>
<ul>
    <li>Test</li>
    <li>Test</li>
    <li>Test</li>
    <li>Test</li>
    <li>Test</li>
</ul>
<p>END</p>

setTimeout(function(){$('ul li').remove();},1000);

http://jsfiddle.net/userdude/ZAd2Y/

또한 일했다 ..empty()


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

$(my_list).remove('li');

참고 URL : https://stackoverflow.com/questions/7004059/jquery-remove-all-list-items-from-an-unorder-list

반응형