remove element jquery code example

Example 1: remove item jquery

$( ".hello" ).remove();

Example 2: how to remove html element in jquery

$("button").click(function(){
  $("p").remove();
});

Example 3: jQuery - Remove Elements

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").remove();
  });
});
</script>
</head>
<body>

<div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">

This is some text in the div.
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>

</div>
<br>

<button>Remove div element</button>

</body>
</html>

Example 4: jquery remove elemtns

.remove("#elemnt_id .elemnt_class");

Example 5: delete div based on select

$('#record_nav ul li').on('click', function(e){
      $('#record_nav ul li.selected').removeClass('selected');
      $(this).addClass('selected');
      $('.content').hide();
      var id = $(this).data('target');
      $(id).show();
  });

Tags:

Typescript Example

Recent Posts