jquery如何获取标签内容

发布时间:2024-02-12
jquery获取标签内容的方法:1、使用“$('#id').val()”方法获取标签的value值;2、通过“$('#id').text()”方法获取标签中间的文本;3、通过“$('#id').html()”方法获取标签中的html内容。
推荐:《javascript基础教程》
使用jquery获得标签的值或元素的内容
$('#标签id').val() 可以用来获取标签的value值,比如 input 标签的value值可以用它获取;$('#标签id').text()可以用来获取标签中间的文本,比如 <span>值1</span>就可以用它获取到值1;$('#标签id').html() 可以用来获取标签中间的html内容,比如<div id="div1"><span>123</span></div>可以用$('#div1').html()获取到<span>123</span>;$('#标签id').attr('属性名')可以用它来获取标签的指定属性的值,比如<a href="xxx.aspx">xxx</a>就可以用.attr('href')获取到xxx.aspx。jquery提供了三个获得内容的方法: text()、html() 以及 val(),其中前两个可用于解决本问题:$("label#userid").text(); // 首选,获取label的文本$("label#userid").html(); // 也可以实现,获取label标签内的所有html标记,一般情况改下label标签内就是文本,所以等效上面的方法下面给出实例演示:分别使用以上两种方法获取label标签的内容,注意最终结果的区别
创建html元素
<div class="box"><span>点击按钮获取label中内容:</span><br><div class="content"><label id="userid">输入用户名</label><input type="text"></div><input type="button" value="获取label中的内容"></div>设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}div.box span{color:#999;font-style:italic;}div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}h3{display:inline-block;}input[type='button']{height:30px;margin:10px;padding:5px 10px;}编写jquery代码
$(function(){$("input:button.btn1").click(function() {alert($("label#userid").text());});$("input:button.btn2").click(function() {alert($("label#userid").html());});})观察效果
使用text()方法获取标签内的内容
上一个:微信平台开通小程序有什么用
下一个:编码器是否是高精度测量的唯一选择?

我的世界电脑种子最富种子(我的世界电脑版种子大全1.7.10)
欠银行钱还不了会影响孩子吗
硬盘 数据擦除,硬盘数据擦除后可以恢复吗?
2022年最新cpu天梯图
阿里云轻量服务器怎么加硬盘内存
macbookair m1可以装双系统吗(macbookprom1可以装双系统吗)
直流电动机的构造
window10 激活工具(激活工具被win10系统拦截打不开)
按了f2后电脑开不了(电脑开机按f2才能进入系统怎么处理重做系统可以解决吗)
女儿出嫁请帖格式写法范文参考