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+=" ";
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标签,可以是任意标签吧.
标签也分兄弟标签,父子标签,子标签下的子标签,
直接子标签,间接子标签
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");
});
标签:标签,获取,htmlStr,div,id,备注
From: https://www.cnblogs.com/javaxubo/p/16906177.html