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实现全选、全不选以及单选功能
Mar 23 jQuery
jQuery插件之validation插件
Mar 29 jQuery
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
Apr 03 jQuery
jQuery Tree Multiselect使用详解
May 02 jQuery
jquery.masonry瀑布流效果
May 25 jQuery
jQuery制作全屏宽度固定高度轮播图(实例讲解)
Jul 08 jQuery
解决JQuery全选/反选第二次失效的问题
Oct 11 jQuery
关于jquery中attr()和prop()方法的区别
May 28 jQuery
vue-cli 引入jQuery,Bootstrap,popper的方法
Sep 03 jQuery
jquery层次选择器的介绍
Jan 18 jQuery
jQuery实现的3D版图片轮播示例【滑动轮播】
Jan 18 jQuery
jQuery each和js forEach用法比较
Feb 27 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
对text数据类型不支持代码页转换 从: 1252 到: 936
2011/04/23 PHP
html静态页面调用php文件的方法
2014/11/13 PHP
支付宝接口开发集成支付环境小结
2015/03/17 PHP
php实现简易聊天室应用代码
2015/09/23 PHP
PHP 7的一些引人注目的新特性简单介绍
2015/11/08 PHP
浅谈PHP中try{}catch{}的使用方法
2016/12/09 PHP
浅谈php中变量的数据类型判断函数
2017/03/04 PHP
PHP定义字符串的四种方式详解
2018/02/06 PHP
基于PHP实现解密或加密Cloudflar邮箱保护
2020/06/24 PHP
JavaScript function 的 length 属性使用介绍
2014/09/15 Javascript
JavaScript将当前时间转换成UTC标准时间的方法
2015/04/06 Javascript
node.js缺少mysql模块运行报错的解决方法
2016/11/13 Javascript
实现单层json按照key字母顺序排序的示例
2017/12/06 Javascript
nginx+vue.js实现前后端分离的示例代码
2018/02/12 Javascript
用VsCode编辑TypeScript的实现方法
2020/05/07 Javascript
利用js canvas实现五子棋游戏
2020/10/11 Javascript
[01:15:00]LGD vs Mineski Supermajor 胜者组 BO3 第一场 6.5
2018/06/06 DOTA
[03:00]2018完美盛典_最佳英雄奖
2018/12/17 DOTA
Python的MongoDB模块PyMongo操作方法集锦
2016/01/05 Python
基于Python实现用户管理系统
2019/02/26 Python
python使用adbapi实现MySQL数据库的异步存储
2019/03/19 Python
Python统计分析模块statistics用法示例
2019/09/06 Python
Python 用turtle实现用正方形画圆的例子
2019/11/21 Python
pytorch的batch normalize使用详解
2020/01/15 Python
三步解决python PermissionError: [WinError 5]拒绝访问的情况
2020/04/22 Python
Python matplotlib实时画图案例
2020/04/23 Python
法国春天百货官网:Printemps.com
2020/06/29 全球购物
PHP如何去执行一个SQL语句
2016/03/05 面试题
十八大报告观后感
2014/01/28 职场文书
英语教师求职信
2014/06/16 职场文书
小学国庆节活动方案策划书
2014/09/16 职场文书
地雷战观后感
2015/06/09 职场文书
关于国庆节的广播稿
2015/08/19 职场文书
会计工作自我鉴定范文
2019/06/21 职场文书
创业计划书之个人工作室
2019/08/22 职场文书
Python自动化之批量处理工作簿和工作表
2021/06/03 Python