JS新增一行或者删除一行

Html代码：

<li id="set-time">
	<label style="width:22%;" for="alarm-time">时间</label>
	<span id="addtime_out" class="halves clearfix">
		<span class="time-fields">
			<section class="third-cell">
				<input type="text" name="alarm-time" id="alarm-time" class="text-input time" placeholder="HH:mm"/>
			</section>
			<section class="third-cell">
				<select name="alarm-time_ap" id="alarm-time_ap">
					<option value="AM">AM</option>
					<option value="PM">PM</option>
				</select>
			</section>
			<section class="third-cell">
				<a href="javascript:;" class="add-time-button vert-center" title="Add Time"><i class="fa fa-plus-circle"></i></a>
				<label for="previous-time-mm">&nbsp;</label>
			</section>
		</span>
	</span>
</li>

Js代码：

$('body').on('click','.add-time-button',function(){
	var html='<span class="time-fields"><section class="third-cell">\n' +
		'<input type="text" name="alarm-time" id="alarm-time" class="text-input time" placeholder="HH:mm"/>\n' +
		'</section>\n<section class="third-cell">\n' +
		'<select name="alarm-time_ap" id="alarm-time_ap">\n' +
		'<option value="AM">AM</option>\n<option value="PM">PM</option>\n' +
		'</select>\n' +
		'</section>\n' +
		'<section class="third-cell">\n' +
		'<a href="javascript:;" class="delete-time-button vert-center" title="Add Time"><i class="fa fa-minus-circle"></i></a>\n' +
		'<a href="javascript:;" class="add-time-button vert-center" title="Add Time"><i class="fa fa-plus-circle"></i></a>\n' +
		'<label for="previous-time-mm">&nbsp;</label>\n' +
		'</section></span>';
	$('#addtime_out').append(html);
});
$('body').on('click','.delete-time-button',function(){
	$(this).parents('.time-fields').remove();
})