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插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
Apr 11 jQuery
jQuery动态追加页面数据以及事件委托详解
May 06 jQuery
jQuery操作css样式
May 15 jQuery
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
jQuery 中msgTips 顶部弹窗效果实现代码
Aug 14 jQuery
jQuery判断网页是否已经滚动到浏览器底部的实现方法
Oct 27 jQuery
js和jQuery以及easyui实现对下拉框的指定赋值方法
Jan 23 jQuery
jQuery实现鼠标响应式透明度渐变动画效果示例
Feb 13 jQuery
jquery点击回车键实现登录效果并默认焦点的方法
Mar 09 jQuery
JQuery元素快速查找与操作
Apr 22 jQuery
jquery实现搜索框功能实例详解
Jul 23 jQuery
jquery分页优化操作实例分析
Aug 23 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
我的论坛源代码(二)
2006/10/09 PHP
一个用mysql_odbc和php写的serach数据库程序
2006/10/09 PHP
php守护进程 加linux命令nohup实现任务每秒执行一次
2011/07/04 PHP
php木马webshell扫描器代码
2012/01/25 PHP
Yii2 中实现单点登录的方法
2018/03/09 PHP
JS模块与命名空间的介绍
2013/03/22 Javascript
switch语句的妙用(必看篇)
2016/10/03 Javascript
详解自动生成博客目录案例
2016/12/09 Javascript
Angularjs自定义指令Directive详解
2017/05/27 Javascript
解决vue.js在编写过程中出现空格不规范报错的问题
2017/09/20 Javascript
vue axios 表单提交上传图片的实例
2018/03/16 Javascript
nodejs遍历文件夹下并操作HTML/CSS/JS/PNG/JPG的方法
2018/11/01 NodeJs
javascript中一些奇葩的日期换算方法总结
2018/11/14 Javascript
详解微信小程序-扫一扫 wx.scanCode() 扫码大变身
2019/04/30 Javascript
JS通过ajax + 多列布局 + 自动加载实现瀑布流效果
2019/05/30 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
2019/09/06 Javascript
详解三种方式在React中解决绑定this的作用域问题并传参
2020/08/18 Javascript
ES6中的类(Class)示例详解
2020/12/09 Javascript
[03:06]V社市场总监Dota2项目负责人Erik专访:希望更多中国玩家加入DOTA2
2014/07/11 DOTA
[00:17]游戏风云独家报道:DD赛后说出数字秘密 吓死你们啊!
2014/07/13 DOTA
Python 网页解析HTMLParse的实例详解
2017/08/10 Python
Python从零开始创建区块链
2018/03/06 Python
执行Django数据迁移时报 1091错误及解决方法
2019/10/14 Python
Python 求数组局部最大值的实例
2019/11/26 Python
Keras SGD 随机梯度下降优化器参数设置方式
2020/06/19 Python
使用python求斐波那契数列中第n个数的值示例代码
2020/07/26 Python
利用Python的folium包绘制城市道路图的实现示例
2020/08/24 Python
Backcountry旗下的户外商品闪购网站:steep&cheap
2016/09/22 全球购物
俄罗斯最大的灯具网站:Fandeco
2020/03/14 全球购物
升学宴主持词
2014/04/02 职场文书
企业安全生产标语
2014/06/06 职场文书
计生工作先进事迹
2014/08/15 职场文书
2015年社区统计工作总结
2015/04/21 职场文书
同意报考公务员证明
2015/06/17 职场文书
六五普法心得体会2016
2016/01/21 职场文书
七年级英语教学反思
2016/02/15 职场文书