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.validate表单验证插件使用详解
Jun 21 jQuery
QRCode.js:基于JQuery的生成二维码JS库的使用
Jun 23 jQuery
jQuery实现点击关注和取消功能
Jul 03 jQuery
使用jQuery实现鼠标点击左右按钮滑动切换
Aug 04 jQuery
基于jQuery实现的单行公告活动轮播效果
Aug 23 jQuery
jQuery中库的引用方法
Jan 06 jQuery
webpack里使用jquery.mCustomScrollbar插件的方法
May 30 jQuery
jQuery实现菜单的显示和隐藏功能示例
Jul 24 jQuery
解决jQuery使用append添加的元素事件无效的问题
Aug 30 jQuery
jQuery 选择方法及$(this)用法实例分析
May 19 jQuery
jquery实现简单自动轮播图效果
Jul 29 jQuery
jquery+ajax实现异步上传文件显示进度条
Aug 17 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
PHPMailer安装方法及简单实例
2008/11/25 PHP
日常整理PHP中简单的图形处理(经典)
2015/10/26 PHP
PHP如何使用Memcached
2016/04/05 PHP
幻宇的层模拟窗口效果-提供演示和下载
2007/01/20 Javascript
dropdownlist之间的互相联动实现(显示与隐藏)
2009/11/24 Javascript
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
2010/03/23 Javascript
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
2013/09/16 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
2013/12/08 Javascript
javascript中几个容易混淆的概念总结
2015/04/14 Javascript
原生js封装二级城市下拉列表的实现代码
2016/06/16 Javascript
JavaScript实现url参数转成json形式
2016/09/25 Javascript
浅谈Javascript事件对象
2017/02/05 Javascript
JavaScript轻松创建级联函数的方法示例
2017/02/10 Javascript
javascript  数组排序与对象排序的实例
2017/07/17 Javascript
浅谈在node.js进入文件目录的问题
2018/05/13 Javascript
微信小程序实现动态列表项的顺序加载动画
2019/07/25 Javascript
JavaScript中条件语句的优化技巧总结
2020/12/04 Javascript
python按照多个字符对字符串进行分割的方法
2015/03/17 Python
flask-restful使用总结
2018/12/04 Python
python 实现图片旋转 上下左右 180度旋转的示例
2019/01/24 Python
Python的高阶函数用法实例分析
2019/04/11 Python
anaconda中更改python版本的方法步骤
2019/07/14 Python
关于ResNeXt网络的pytorch实现
2020/01/14 Python
python爬虫scrapy框架之增量式爬虫的示例代码
2021/02/26 Python
详解HTML5中rel属性的prefetch预加载功能使用
2016/05/06 HTML / CSS
迪奥美国官网:Dior美国
2019/12/07 全球购物
什么是聚集索引和非聚集索引
2012/01/17 面试题
杭州联环马网络笔试题面试题
2013/08/04 面试题
方正Java笔试题
2014/07/03 面试题
军训自我鉴定怎么写
2014/02/13 职场文书
期中考试复习计划
2015/01/19 职场文书
离婚起诉书范本
2015/05/18 职场文书
2015年科协工作总结
2015/05/19 职场文书
太行山上观后感
2015/06/05 职场文书
2019年“红色之旅”心得体会1000字(3篇)
2019/09/27 职场文书
Go调用Rust方法及外部函数接口前置
2022/06/14 Golang