如何获取div下的子标签-字标签不一定还是div-如何获取div下的h5标签

var htmlStr="";
htmlStr+="<div id=\"div_"+data.retData.id+"\" class=\"remarkDiv\" style=\"height: 60px;\">";
htmlStr+="<div style=\"position: relative; top: -40px; left: 40px;\" >";
htmlStr+="<h5>"+data.retData.noteContent+"</h5>";
htmlStr+="<font color=\"gray\">市场活动</font> <font color=\"gray\">-</font> <b>${activity.name}</b> <small style=\"color: gray;\"> "+data.retData.createTime+" 由${sessionScope.sessionUser.name}创建</small>";
htmlStr+="<div style=\"position: relative; left: 500px; top: -30px; height: 30px; width: 100px; display: none;\">";
htmlStr+="<a class=\"myHref\" name=\"editA\" remarkId=\""+data.retData.id+"\" href=\"javascript:void(0);\"><span class=\"glyphicon glyphicon-edit\" style=\"font-size: 20px; color: #E6E6E6;\"></span></a>";
htmlStr+="&nbsp;&nbsp;&nbsp;&nbsp;";
htmlStr+="<a class=\"myHref\" name=\"deleteA\" remarkId=\""+data.retData.id+"\" href=\"javascript:void(0);\"><span class=\"glyphicon glyphicon-remove\" style=\"font-size: 20px; color: #E6E6E6;\"></span></a>";
htmlStr+="</div>";
htmlStr+="</div>";
htmlStr+="</div>";

这是拼接的页面,不是重点,主要是为了看一下如何能够获取到某个div下的子标签或者间接子标签(我立即孙子标签).子标签不一定还是div标签,可以是任意标签吧.

标签也分兄弟标签,父子标签,子标签下的子标签,

直接子标签,间接子标签

image-20221119150259461

js代码获取

$("#div_"+id+" h5").text();主要是下面这一行,当然这里面直接写的id也是获取到的.

//给所有市场活动备注后边的"修改"图标添加单击事件
		$("#remarkDivList").on("click","a[name='editA']",function () {
			//获取备注的id和noteContent
			var id=$(this).attr("remarkId");
			var noteCotent=$("#div_"+id+" h5").text();//这里涉及到jquery知识关于获取div子标签
			//把备注的id和noteContent写到修改备注的模态窗口中
			$("#edit-id").val(id);
			$("#edit-noteContent").val(noteCotent);
			//弹出修改市场活动备注的模态窗口
			$("#editRemarkModal").modal("show");
		});
posted @ 2022-11-19 15:13  哩个啷个波  阅读(371)  评论(0编辑  收藏  举报