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.form.js异步提交表单详解
Apr 25 jQuery
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
May 13 jQuery
jQuery实现点击关注和取消功能
Jul 03 jQuery
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
jQuery中过滤器的基本用法示例
Oct 11 jQuery
jQuery第一次运行页面默认触发点击事件的实例
Jan 10 jQuery
jquery在启动页面时,自动加载数据的实例
Jan 22 jQuery
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
Dec 06 jQuery
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
Oct 10 jQuery
jquery ajax 请求小技巧实例分析
Nov 11 jQuery
jQuery 淡入/淡出效果函数用法分析
May 19 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学习笔记(三)操作符与控制结构
2011/08/06 PHP
Win7环境下Apache连接MySQL提示连接已重置的解决办法
2017/05/09 PHP
实例讲解PHP中使用命名空间
2019/01/27 PHP
PHP addcslashes()函数讲解
2019/02/03 PHP
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
2010/01/07 Javascript
toggle一个div显示或隐藏且可扩展成自定义下拉框
2013/09/12 Javascript
JavaScript定义类和对象的方法
2014/11/26 Javascript
jQuery实现HTML5 placeholder效果实例
2014/12/09 Javascript
jQuery 操作input中radio的技巧
2016/07/18 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
2017/07/22 jQuery
微信小程序url与token设置详解
2017/09/26 Javascript
koa-router源码学习小结
2018/09/07 Javascript
你应该了解的JavaScript Array.map()五种用途小结
2018/11/14 Javascript
微信小程序性能优化之checkSession的使用
2019/03/06 Javascript
javascript关于“时间”的一次探索
2019/07/24 Javascript
vue 查看dist文件里的结构(多种方式)
2020/01/17 Javascript
利用React高阶组件实现一个面包屑导航的示例
2020/08/23 Javascript
vue打开新窗口并实现传参的图文实例
2021/03/04 Vue.js
详解Python中time()方法的使用的教程
2015/05/22 Python
Python开发如何在ubuntu 15.10 上配置vim
2016/01/25 Python
利用pyinstaller或virtualenv将python程序打包详解
2017/03/22 Python
python之Flask实现简单登录功能的示例代码
2018/12/24 Python
python多个模块py文件的数据共享实例
2019/01/11 Python
详解python 爬取12306验证码
2019/05/10 Python
基于打开pycharm有带图片md文件卡死问题的解决
2020/04/24 Python
浅谈Python中的字符串
2020/06/10 Python
Python 实现将某一列设置为str类型
2020/07/14 Python
python 操作excel表格的方法
2020/12/05 Python
Python实现疫情地图可视化
2021/02/05 Python
详解CSS3新增的背景属性
2019/12/25 HTML / CSS
Web前端页面跳转并取到值
2017/04/24 HTML / CSS
教师学习培训邀请函
2014/02/04 职场文书
关于做家务的心得体会
2016/01/23 职场文书
恶魔之树最顶端的三颗果实 震震果实上榜,第一可以制造岩浆
2022/03/18 日漫
微信小程序APP的事件绑定以及传递参数时的冒泡和捕获
2022/04/19 Javascript
SpringBoot深入分析讲解监听器模式下
2022/07/15 Java/Android