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.load()和Jsp的include的区别
Apr 12 jQuery
jQuery实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 jQuery
jquery中封装函数传递当前元素的方法示例
May 05 jQuery
jQuery实现简单日期格式化功能示例
Sep 19 jQuery
jQuery 改变P标签文本值方法
Feb 24 jQuery
jQuery实现的简单获取索引功能示例
Jun 04 jQuery
学习jQuery中的noConflict()用法
Sep 28 jQuery
jQuery动态生成的元素绑定事件操作实例分析
May 04 jQuery
通过jQuery学习js类型判断的技巧
May 27 jQuery
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
jQuery实现简易聊天框
Feb 08 jQuery
jQuery实现高度灵活的表单验证功能示例【无UI】
Apr 30 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
优化PHP代码的53条建议
2008/03/27 PHP
一个简单php扩展介绍与开发教程
2010/08/19 PHP
php中常见的sql攻击正则表达式汇总
2014/11/06 PHP
php给图片添加文字水印方法汇总
2015/08/27 PHP
PHP工程师VIM配置分享
2015/12/15 PHP
php文件包含目录配置open_basedir的使用与性能详解
2017/04/03 PHP
PHP环形链表实现方法示例
2017/09/15 PHP
php二维码生成以及下载实现
2017/09/28 PHP
在laravel中实现将查询的对象转换为多维数组的函数
2019/10/21 PHP
通过JAVAScript实现页面自适应
2007/01/19 Javascript
img的onload的另类用法
2008/01/10 Javascript
Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
2010/03/14 Javascript
jQuery EasyUI API 中文文档 - PropertyGrid属性表格
2011/11/18 Javascript
Javascript基础教程之变量
2015/01/18 Javascript
javascript中的try catch异常捕获机制用法分析
2016/12/14 Javascript
带你快速理解javascript中的事件模型
2017/08/14 Javascript
vue-cli之router基本使用方法详解
2017/10/17 Javascript
vue弹窗消息组件的使用方法
2020/09/24 Javascript
Vue如何循环提取对象数组中的值
2020/11/18 Vue.js
Python中防止sql注入的方法详解
2017/02/25 Python
python2.7 json 转换日期的处理的示例
2018/03/07 Python
Django uwsgi Nginx 的生产环境部署详解
2019/02/02 Python
使用Python正则表达式操作文本数据的方法
2019/05/14 Python
python用for循环求和的方法总结
2019/07/08 Python
python lambda表达式在sort函数中的使用详解
2019/08/28 Python
PYTHON EVAL的用法及注意事项解析
2019/09/06 Python
matplotlib之pyplot模块之标题(title()和suptitle())
2021/02/22 Python
泰国折扣酒店预订:Hotels2Thailand
2018/03/20 全球购物
药剂专业自荐信范文
2014/04/16 职场文书
党的生日演讲稿
2014/09/10 职场文书
学校施工安全责任书
2015/01/29 职场文书
2015年管理人员工作总结
2015/05/13 职场文书
2015年出纳年终工作总结
2015/05/14 职场文书
导游词之永泰公主墓
2019/12/04 职场文书
Django REST framework 限流功能的使用
2021/06/24 Python
Redis实战之Lettuce的使用技巧详解
2022/12/24 Redis