jQuery empty function

In the following web we have a list with id list and a button with id del.

When we click on the button we create a function that selects the list and deletes its content with the empty() function.

<ul id="list">
  <li>Text 1</li>
  <li>Text 2</li>
  <li>Text 3</li>
  <li>Text 4</li>
</ul>
<button id="del">DEL List</button>
<!--Script jQuery-->
<script>
  /*
  When we click on the button we create a function that selects the list and deletes its content 
  with the empty() function
  */
  $('#del').click(function(){
    $('ul#list').empty();
  });
</script>
<!--JQuery Library-->
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>

Comments

Captcha Code PHP Captcha

PHP Captcha

Interesting Articles

Method first and next in jQuery to change color inside a table

How to get child value in jquery children method

Change background color& Image on click - Zoom in Zoom out jQuery & Javascript

triggerHandler method jQuery - Creating personal events

trigger jQuery method

off function in jquery

dblclick method in jQuery

Click method jQuery

mouseout method jQuery example mouse out event

mouseover method in jQuery example change div color on hover

mousemove event in jQuery

mouseleave event in jquery example change div color on mouseover javascript

mouseenter event in jquery change image on hover

mouse up event in jquery show text with color random

mousedown event jquery append content html inside paragraph

keypress event in jquery add text to div by id

This website uses cookies to ensure you get the best experience on our website. Learn more - More Info