Jquery dynamically adds and deletes page node elements sample code_jquery

Usually we will select a certain condition, then add it, and then execute it after accumulating multiple conditions.

Without further ado, let’s get straight to the code!

Copy code The code is as follows:

<script> <br>$(function(){//After the page is loaded, execute <br>$("input").click(function() {//Add operation<br>var getval=$("select").val();//Get the currently selected select value<br>$("p").before('<li>' getval ' <span> live("click",function(){//Event handlers attached through the live() method apply to current and future elements matching the selector (such as new elements created by scripts) <br>$(this). parent().remove();//Remove the parent element of the currently clicked element <br>}); <br></script>

I am number one
I am number two
I am number three
I am number four
I am number five