JS/JQ动态生成表单&表单绑定事件

根据后台拿到的数据动态设置表单

<div class="con_devnews"></div>

var con_massage = []
con_massage.push('<div class="notis">' +
 '<span style="font-weight:bold;">' + 
'设备：001' + 
'，uid:001'  +
 '，notis！' + '</span>' +
'<h4>' + '时间：2022/1/1' + '</h4>' + 
'<p>' +'地址： address '+'</p>' +
 '<span class="btn_notis">' +
 '<button class="offnotis" onclick="offnotis($(this))">' +'关闭' + '</button>' +
 '<button class="notisposition" onclick="notisposition($(this))">' +'快速定位' + '</button>' + 
'</span>' + '<hr>' + '</div>')

$('.con_devnews').html(con_massage)

function offnotis(obj) {    //参数是传过来的$(this)
    
		console.log(con_massage);
		var notisuid = (obj.closest('div')[0].innerText.split('uid:')[1].split('，')[0])
		console.log(sosuid);
		con_massage.forEach((i, index) => {
			try {
				if (i.split('uid:')[1].split('，')[0] == sosuid) {
					// con_massage.splice(i, 1) //此法不可行 
					delete con_massage[index] //删除 符合条件的元素
				}
			} catch {

			}

		})


		$('.con_devnews').html(con_massage)

		// console.log(con_massage);
	}
	//notis快速定位
	function notisposition(obj) {
		var Icon = new AMap.Icon({
			// 图标尺寸
			size: new AMap.Size(32, 32),
			// 图标的取图地址
			image: './images/notis.png',
			// 图标所用图片大小
			imageSize: new AMap.Size(32, 32),
			// 图标取图偏移量
			imageOffset: new AMap.Pixel(0, 0)
		});
		var clickposition
		try {
			// console.log(reallnglatXYlist);
			reallnglatXYlist.forEach((i) => {
				console.log(obj.closest('div')[0].innerText);
				if (i.split('/')[0] == obj.closest('div')[0].innerHTML.split('设备：')[1].split('，uid:')[0]) {
					clickposition = [i.split('/')[1].split('-')[0], i.split('/')[1].split('-')[1]]
					// console.log(clickposition);
					var sosmarker = new AMap.Marker({
						map: map,
						position: clickposition,
						icon: Icon,
						offset: new AMap.Pixel(-16, -32),
						title: '设备：' + i.split('/')[0]
					});
					map.panTo(clickposition)
					
				}
			})




		} catch {
			//myalert_notis('当前页面无法在地图上定位')
			// layer.confirm('即将跳转到<Tips>页面 ', function (index) {
			// 	window.location.replace('home.html')
			// 	layer.close(index);
			// })
		}
	}