Jquery でページ ノード要素を動的に追加および削除するサンプル code_jquery

通常は、ある条件を選択して追加し、複数の条件を積み上げて実行します。

早速、コードに進みましょう。

コードをコピーします コードは次のとおりです。

Jquery はページ ノードを動的に追加および削除します src= "http://code.jquery.com/jquery-1.8.3.min.js"> ;
.container{ width:1000px; margin:0 auto;}
.top{ height:25px; line-height:25px;} -height: 22px;}
.top input{ width:56px; height:22px;}
.add{ line-height:30px;}
li{ list-style:none;}
scan{cursor :pointer;}

<script> <br>$(function(){//) ページがロードされたら、<br>$("input") を実行します。 click(function() {//操作を追加<br>var getval=$("select").val();//現在選択されている選択値を取得します<br>$("p").before('< li>' getval ' <span> live("click",function(){//live() メソッドを通じてアタッチされたイベント ハンドラーは、セレクターに一致する現在および将来の要素 (スクリプトによって作成された新しい要素など) に適用されます。 >$(this).parent().remove();//現在クリックされている要素の親要素を削除します<br></script>

私は番号です1
私は 2 位です
私は 3 位です
私は 4 位です

私は 5 番目です

;