html中两种获取标签内的值的方法


Posted in HTML / CSS onJune 10, 2022

获取标签中value的值

使用的javascript获取,所以肯定是包含在< script >标签里的,也需要引入jquery

标签示例:

<input id="goodsCount" type="text" size="2" readonly="readonly" class="num-text" value="#{num}">

获取其中value的值:

//$("#goodsCount"),括号内的值为id选择器,对应着标签的id
//使用.val(),可以获取该value的值
$("#goodsCount").val();

//如果需要传值进去,在括号内写入需要传入的值即可,就如下
$("#goodsCount").val(json.data);

获取标签中间的值

标签示例:

<span id="goodsPrice">#{singlePrice}</span>

获取标签中间的值:

//使用id选择器可以获取上上述标签中的#{singlePrice}
//class选择器应该也可以,但我没试过
let price = $("#goodsPrice").html();

//如果需要传值进去,在括号内写入需要传入的值即可,就如下
$("#goodsPrice").html(totalPrice);

到此这篇关于html中两种获取标签内的值的方法的文章就介绍到这了,更多相关html获取标签值内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!

 
HTML / CSS 相关文章推荐
浅析两列自适应布局的3种思路
May 03 HTML / CSS
css3实现3D文本悬停改变效果的示例代码
Jan 16 HTML / CSS
IE9下html5初试小刀
Sep 21 HTML / CSS
html5通过canvas实现刮刮卡效果示例分享
Jan 27 HTML / CSS
HTML5的自定义属性data-*详细介绍和JS操作实例
Apr 10 HTML / CSS
Canvas制作的下雨动画的示例
Mar 06 HTML / CSS
html5利用canvas实现颜色容差抠图功能
Dec 23 HTML / CSS
使用canvas压缩图片上传的方法示例
Feb 07 HTML / CSS
html2canvas截图空白问题的解决
Mar 24 HTML / CSS
浅谈amaze-ui中datepicker和datetimepicker注意的几点
Aug 21 HTML / CSS
CSS3实现三角形不断放大效果
Apr 13 HTML / CSS
css常用字体属性与背景属性介绍
Feb 28 HTML / CSS
html5+实现plus.io进行拍照和图片等获取
Jun 01 #HTML / CSS
基于CSS制作创意端午节专属加载特效
聊聊CSS粘性定位sticky案例解析
Jun 01 #HTML / CSS
HTML5之高度塌陷问题的解决
Jun 01 #HTML / CSS
使用CSS实现黑白格背景效果
Jun 01 #HTML / CSS
HTML中实现音乐或视频自动播放案例详解
May 30 #HTML / CSS
CSS文本阴影 text-shadow 悬停效果详解
May 25 #HTML / CSS
You might like
防止用户利用PHP代码DOS造成用光网络带宽
2011/03/01 PHP
PHP中file_exists函数不支持中文名的解决方法
2014/07/26 PHP
discuz目录文件资料汇总
2014/12/30 PHP
Thinkphp 框架配置操作之动态配置、扩展配置及批量配置实例分析
2020/05/15 PHP
11款基于Javascript的文件管理器
2009/10/25 Javascript
关于COOKIE个数与大小的问题
2011/01/17 Javascript
EASYUI TREEGRID异步加载数据实现方法
2012/08/22 Javascript
jQuery实现用方向键控制层的上下左右移动
2013/01/13 Javascript
jQuery实现弹出窗口中切换登录与注册表单
2015/06/05 Javascript
JQuery遍历DOM节点的方法
2015/06/11 Javascript
jquery实现横向图片轮播特效代码分享
2015/11/19 Javascript
学习JavaScript设计模式之迭代器模式
2016/01/19 Javascript
jQuery的promise与deferred对象在异步回调中的作用
2016/05/03 Javascript
JavaScript实现打开链接页面的方式汇总
2016/06/02 Javascript
Vue2 Vue-cli中使用Typescript的配置详解
2017/07/24 Javascript
BootStrap Table实现server分页序号连续显示功能(当前页从上一页的结束序号开始)
2017/09/12 Javascript
gulp教程_从入门到项目中快速上手使用方法
2017/09/14 Javascript
vue实现页面加载动画效果
2017/09/19 Javascript
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
2019/06/17 Javascript
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
2019/12/16 Javascript
vue iview实现动态新增和删除
2020/06/17 Javascript
[49:29]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python的Django框架中的select_related函数对QuerySet 查询的优化
2015/04/01 Python
Python编程中的文件读写及相关的文件对象方法讲解
2016/01/19 Python
python3 使用Opencv打开USB摄像头,配置1080P分辨率的操作
2019/12/11 Python
在django项目中导出数据到excel文件并实现下载的功能
2020/03/13 Python
在matplotlib中改变figure的布局和大小实例
2020/04/23 Python
Jupyter notebook命令和编辑模式常用快捷键汇总
2020/11/17 Python
美国紧身牛仔裤品牌:NYDJ
2017/05/24 全球购物
Dyson戴森波兰官网:Dyson.pl
2019/08/05 全球购物
美国在线购买空气净化器、除湿器、加湿器网站:AllergyBuyersClub
2021/03/16 全球购物
自我反省检讨书
2014/01/23 职场文书
高中生学期学习自我评价
2014/02/24 职场文书
终止劳动合同协议书
2014/04/14 职场文书
地震慰问信
2015/02/14 职场文书
导游词之清晏园
2019/11/22 职场文书