append、prepend、appendTo、prependTo、after、insertAfter、before、insertBefore

摘：https://blog.csdn.net/luanpeng825485697/article/details/77662857

 

$cr = $("<label></label>");                               //使用h5代码创建元素
$("#div1").append($cr);                                   //添加创建好的元素

//创建文本节点
$cr = $("<label>这里就是文本</label>");                     //在元素中加上文本就是创建文本节点，更准确的说法应该是创建元素节点和文本节点
$("#div1").append($cr);                                   //创建好的元素

//创建属性节点
$cr = $("<label title='mytitle'>这里就是文本</label>");     //创建包含title属性的label元素
$("#div1").append($cr);                                   //append表示在父元素内部结尾追加元素
$("#div1").prepend($cr);                                   //prepend表示在父元素内部首部添加元素
$cr.appendTo($("#div1"));                                    //appendTo表示子元素追加到父元素内部结尾
$cr.prependTo($("#div1"));                                  //prependTo表示子元素添加到父元素内部首部
$("#div1").after($cr);                                       //after表示在元素后面添加同胞元素
$cr.insertAfter($("#div1"));                                //insertAfter表示添加到指定元素的后面
$("#div1").before($cr);                                      //before表示在元素前面添加同胞元素
$cr.insertBefore($("#div1"));                               //insertBefore表示添加到指定元素的前面

　　

动态添加内容：

$("#add_red_envelope").click(function(){
	var url = globalConfig.pre_api_url +"/wxwall_api/redbag/check_redbag.php";
        var hour = $('#startHour option:selected').val();
        var minute = $('#startMinute option:selected').val();
        var date = new Date();
	    var seperator = "-";
	    var year =  date.getFullYear();     //获取年份
	    var month = date.getMonth() + 1;    //月份是从0-11，所以获得月份后要加1才是当前的月份
	    var strDate = date.getDate();       //日期
	    var currentDate  = '';
	    var start_time = '';
	    var data = {};
	    if (month >= 1 && month <= 9) {
	        month = "0" + month;
	    }
	    if (strDate >= 0 && strDate <= 9) {
	        strDate = "0" + strDate;
	    }
	    currentDate = year + seperator + month + seperator + strDate;
	    // 显示日期输入框的值
	    $("#currentDate").val(currentDate);
	    start_time = currentDate + ' ' + hour + ':' + minute;
	    data = {
	    	"start_time":start_time,
	    };
	    //请求初始化数据
	    request(url,data,function(res){
	    	var selected_data = res.data.selected_data;
	    	var recomm_datas = res.data.recomm_datas;
	    	var len = recomm_datas.length;
	    	var recommendTimes = [];
	    	var recommendNums = [];
	    	// 添加推荐时间和可发红包数
	     	for(var i=0;i<len;i++){
	    		var dateAndTime = recomm_datas[i].recomm_time.trim().split(" ");
	    		var recommTimeList = '<li class="other_recommend" onclick="chooseTime(this);" id="'+i+'">' + dateAndTime[1] + '</li>';
	    		var M_redbag_left = recomm_datas[i].M_redbag_left;
	    		var M_n = recomm_datas[i].M_n;
	    		var redBagLeftList = '<li class="number" id="num'+i+'">' + M_n + '</li>';
	    		$("#recommendTime").append(recommTimeList);
                	$("#RedBagMaxNum").append(redBagLeftList);
	    	}
 
	    	$('#leftRedBag').text(selected_data.M_redbag_left);
 
	        // 显示表单form和footer
		$("form").css("display","block");
		$("footer").css("display","block");
 
			
	    });	    
});