动态添加HTML代码

  <div class = "xuanxiang">
            	<ul class="xxul">
            		<li>
            			选项号：<input  type="text" name="opsort" value="">
            			选项内容：<input  type="text" name="opcontent" value=""> 
            			分值：<input  type="text" name="opscore" value=""> 
            			<span class="add">添加</span>
            			<span class="delete">删除</span>
            		</li>
            	</ul>
            </div>

 
        $(".itemdiv").delegate('.add',"click", function(){
    		var htm = '<li>'+'选项号：<input  type="text" name="opsort" value="">'+
    		' 选项内容：<input  type="text" name="opcontent" value=""> '+
    		'分值：<input  type="text" name="opscore" value="">'+ 
			' <span class="add">添加</span>'+' <span class="delete">删除</span>'+
			'</li>';
			$(this).parent("li").parent("ul").append(htm);
			
    	});
        $(".itemdiv").delegate('.delete',"click", function(){
        	var n = $(this).parent("li").siblings("li").length;
        	if(n!=0){
        		$(this).parent("li").remove();
        	}
			
    	});