首頁  >  文章  >  web前端  >  Jquery動態新增及刪除頁面節點元素範例程式碼_jquery

Jquery動態新增及刪除頁面節點元素範例程式碼_jquery

WBOY
WBOY原創
2016-05-16 16:44:221132瀏覽

通常我們會遇到選取某個條件,然後再加,累計多個後,再執行。

廢話不多說,直接上程式碼!

複製程式碼 程式碼如下:







Jquery動態新增及刪除頁面節點


<script> <BR>$(function(){//頁面載入完畢後執行<BR>$("input").click(function(){//新增操作<BR>var getval=$("select ").val();//取得目前選取的select值<BR>$("p").before('<li>' getval '<span>X');/ /在p標籤前加入所要產生的程式碼<BR>}); <BR>}); <BR>$("span").live("click",function(){//透過live() 方法附加的事件處理程序適用於符合選擇器的目前及未來的元素(例如由腳本建立的新元素) <BR>$(this).parent().remove();//移除目前點擊元素的父元素<br>}); <br></script>









陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn