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


Posted in jQuery onJune 16, 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获取标签值内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!

 
jQuery 相关文章推荐
jQuery查找和过滤_动力节点节点Java学院整理
Jul 04 jQuery
jQuery实现导航栏头部菜单项点击后变换颜色的方法
Jul 19 jQuery
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
Jul 20 jQuery
jQuery Datatable 多个查询条件自定义提交事件(推荐)
Aug 24 jQuery
360提示[高危]使用存在漏洞的JQuery版本的解决方法
Oct 27 jQuery
通过jquery.cookie.js实现记住用户名、密码登录功能
Jun 20 jQuery
jQuery实现table表格信息的展开和缩小功能示例
Jul 21 jQuery
jQuery中ajax请求后台返回json数据并渲染HTML的方法
Aug 08 jQuery
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
Dec 29 jQuery
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
jquery插件开发模式实例详解
Jul 20 jQuery
jQuery中DOM操作原则实例分析
Aug 01 jQuery
详解jQuery的核心函数和事件处理
Feb 18 #jQuery
jQuery实现广告显示和隐藏动画
jQuery ajax - getScript() 方法和getJSON方法
May 14 #jQuery
jquery插件实现悬浮的菜单
jquery插件实现代码雨特效
Apr 24 #jQuery
jquery插件实现搜索历史
Apr 24 #jQuery
jquery插件实现图片悬浮
You might like
jquery+thinkphp实现跨域抓取数据的方法
2016/10/15 PHP
thinkphp5 框架结合plupload实现图片批量上传功能示例
2020/04/04 PHP
PHP实现抽奖功能实例代码
2020/06/30 PHP
javascript实现动态增加删除表格行(兼容IE/FF)
2007/04/02 Javascript
如何快速的呈现我们的网页的技巧整理
2007/07/01 Javascript
javascript iframe中打开文件,并检测iframe存在否
2008/12/28 Javascript
在JavaScript中typeof的用途介绍
2013/04/11 Javascript
使用原生js写的一个简单slider
2014/04/29 Javascript
jquery实现显示已选用户
2014/07/21 Javascript
js在指定位置增加节点函数insertBefore()用法实例
2015/01/12 Javascript
jqueryUI里拖拽排序示例分析
2015/02/26 Javascript
通过bootstrap全面学习less
2016/11/09 Javascript
如何获取元素的最终background-color
2017/02/06 Javascript
微信小程序之购物车功能
2020/09/23 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
2018/05/16 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
2020/11/04 Javascript
[45:15]Optic vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
python自动下载图片的方法示例
2020/03/25 Python
python 在右键菜单中加入复制目标文件的有效存放路径(单斜杠或者双反斜杠)
2020/04/08 Python
基于Python绘制美观动态圆环图、饼图
2020/06/03 Python
Python的信号库Blinker用法详解
2020/12/31 Python
判断单链表中是否存在环
2012/07/16 面试题
Unix/Linux开发面试题
2016/08/16 面试题
J2EE面试题集锦(附答案)
2013/08/16 面试题
控制工程专业个人求职信
2013/09/25 职场文书
网络工程师个人的自我评价范文
2013/10/01 职场文书
初中生自我评价
2014/02/01 职场文书
学生手册家长评语
2014/02/10 职场文书
疾病捐款倡议书
2014/05/13 职场文书
演讲比赛的活动方案
2014/08/28 职场文书
在校大学生自我评价范文
2014/09/12 职场文书
学校总务处领导班子民主生活会对照检查材料思想汇报
2014/09/27 职场文书
2015年招商引资工作总结
2015/04/25 职场文书
pycharm无法导入lxml的解决办法
2021/03/31 Python
详解NodeJS模块化
2021/06/15 NodeJs
java高级用法JNA强大的Memory和Pointer
2022/04/19 Java/Android