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 相关文章推荐
css3 position fixed固定居中问题解决方案
Aug 19 HTML / CSS
css3中背景尺寸background-size详解
Sep 02 HTML / CSS
CSS3属性box-shadow使用指南
Dec 09 HTML / CSS
HTML5-WebSocket实现聊天室示例
Dec 15 HTML / CSS
HTML5 本地存储实现购物车功能
Sep 07 HTML / CSS
canvas绘制表情包的示例代码
Jul 09 HTML / CSS
canvas实现有递增动画的环形进度条的实现方法
Jul 10 HTML / CSS
html5 canvas fillRect坐标和大小的问题解决方法
Mar 26 HTML / CSS
HTML5 新表单类型示例代码
Mar 20 HTML / CSS
html5调用app分享功能示例(WebViewJavascriptBridge)
Mar 21 HTML / CSS
使用Html5中的cavas画一面国旗
Sep 25 HTML / CSS
H5页面适配iPhoneX(就是那么简单)
Dec 02 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
Warning: session_destroy() : Trying to destroy uninitialized sessionq错误
2011/06/16 PHP
解析php中反射的应用
2013/06/18 PHP
mysql_escape_string()函数用法分析
2016/04/25 PHP
javascript 操作Word和Excel的实现代码
2009/10/26 Javascript
js replace正则表达式应用案例讲解
2013/01/17 Javascript
JS随机生成不重复数据的实例方法
2013/07/17 Javascript
JavaScript中的prototype和constructor简明总结
2014/04/05 Javascript
jQuery基础语法实例入门
2014/12/23 Javascript
js鼠标滑过图片震动特效的方法
2015/02/17 Javascript
JavaScript检测原始值、引用值、属性
2016/06/20 Javascript
AngularJS实用开发技巧(推荐)
2016/07/13 Javascript
js计算系统当前日期是星期几的方法
2016/07/14 Javascript
BootStrap Fileinput的使用教程
2016/12/30 Javascript
深入理解vue.js中的v-if和v-show
2017/06/22 Javascript
vue项目开发中setTimeout等定时器的管理问题
2018/09/13 Javascript
swiper在angularjs中使用循环轮播失效的解决方法
2018/09/27 Javascript
vue-cli3配置与跨域处理方法
2019/08/17 Javascript
vue遍历对象中的数组取值示例
2019/11/07 Javascript
Jquery 获取相同NAME 或者id删除行操作
2020/08/24 jQuery
vue+elementUI实现简单日历功能
2020/09/24 Javascript
详解使用python的logging模块在stdout输出的两种方法
2017/05/17 Python
利用Python读取文件的四种不同方法比对
2017/05/18 Python
Django 2.0版本的新特性抢先看!
2018/01/05 Python
Python网络爬虫神器PyQuery的基本使用教程
2018/02/03 Python
python操作xlsx文件的包openpyxl实例
2018/05/03 Python
python多行字符串拼接使用小括号的方法
2020/03/19 Python
python 剪切移动文件的实现代码
2018/08/02 Python
python实现nao机器人手臂动作控制
2019/04/29 Python
django之状态保持-使用redis存储session的例子
2019/07/28 Python
墨西哥皇宫度假村预订:Palace Resorts
2018/06/16 全球购物
国际象棋商店:The Chess Store
2018/07/09 全球购物
关联、聚合(Aggregation)以及组合(Composition)的区别
2012/02/29 面试题
《陈毅探母》教学反思
2014/05/01 职场文书
2015年店长工作总结范文
2015/04/08 职场文书
2015年司机年终工作总结
2015/05/14 职场文书
python通过新建环境安装tfx的问题
2022/05/20 Python