首页 > 其他分享 >如何获取div下的子标签-字标签不一定还是div-如何获取div下的h5标签

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

时间:2022-11-19 15:25:33浏览次数:53  
标签:标签 获取 htmlStr div id 备注

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");
		});

标签:标签,获取,htmlStr,div,id,备注
From: https://www.cnblogs.com/javaxubo/p/16906177.html

相关文章

  • Codeforces Round #834 (Div. 3) A-G
    比赛链接A题目知识点:模拟。确定开头字母,然后循环比较即可。时间复杂度\(O(n)\)空间复杂度\(O(n)\)题解#include<bits/stdc++.h>#definelllonglongusingn......
  • 跟着文档学Fabric:获取通道配置
    原文在这里。1.获取通道配置peerchannelfetchconfigconfig_block.pb-o$ORDERER_CONTAINER-c$CH_NAME--tls--cafile$TLS_ROOT_CA上述命令需要在peer容器中......
  • Codeforces Round #834 (Div. 3) G
    G.RestorethePermutation对于一个序列要是我们从数小a[i]的开始每次给这个a[i]选一个最接近她的一个小的显然我们这样是最合法的但是怎么保证字典序最小呢显然我......
  • DOM_Document对象获取Element方法以及创建DOM对象
    DOM_Document对象获取Element方法Document:文档对象创建(获取):在htmldom模型中使用window对象来获取window.documentdocument方法:......
  • LyScript 获取上或下一条汇编指令
    LyScript插件默认并没有提供上一条与下一条汇编指令的获取功能,当然你可以使用LyScriptTools工具包直接调用内置命令得到,不过这种方式显然在效率上并不理想,我们需要在LyScri......
  • 题解 Codeforces Round #834 (Div. 3) ABCDEF
    A.Yes-Yes?problem判断给定的字符串是否为无穷个YesYesYes拼接组成的字符串的连续子串。\(|S|\leq50\)。solution暴力。具体地,判断\(S,Ye+S,Y+S\)是否有一个是......
  • C#获取PLC信息 (KepServer)三
    有些业务场景不适合异步获取信息,可以使用主动轮询+同步获取的方式获取OPC信息usingOPCAutomation;usingSystem;usingSystem.Collections.Generic;usingSystem.Dat......
  • 第五十一章 开发自定义标签 - 使用%CSP.Rule方法
    第五十一章开发自定义标签-使用%CSP.Rule方法类中的%CSP.Rule包含几个可在<csr>规则定义中使用的实例方法。这些方法可以是两种类型之一:只读并返回元素值的方法......
  • Codeforces Round #834 (Div. 3)
    ABC略。D.MakeItRound问题可以看成凑出尽可能多的\(10\)作为因子。注意到\(10\)的因子只有\(1,2,5,10\)。首先,\(n\)自己已经凑出来的\(10\)没必要拆开,并......
  • 配置实现-自创html生成模板搭配xml获取数据无需写代码实现静态网站
    自创html生成模板搭配xml获取数据无需写代码实现静态网站实际项目:老干部和九重阳网站欢迎访问http://www.laoganbu.orghttp://www.9chongyang.com实现思路:html界面采用自......