jquery获取标签内容的方法：1、使用“$(‘#id’).val()”方法获取标签的value值；2、通过“$(‘#id’).text()”方法获取标签中间的文本；3、通过“$(‘#id’).html()”方法获取标签中的html内容。
推荐：《javascript基础教程》
使用jquery获得标签的值或元素的内容
$('#标签id').val() 可以用来获取标签的value值，比如 input 标签的value值可以用它获取；$('#标签id').text()可以用来获取标签中间的文本，比如 值1就可以用它获取到值1；$('#标签id').html() 可以用来获取标签中间的html内容，比如123可以用$('#div1').html()获取到123；$('#标签id').attr('属性名')可以用它来获取标签的指定属性的值，比如xxx就可以用.attr('href')获取到xxx.aspx。jquery提供了三个获得内容的方法： text()、html() 以及 val()，其中前两个可用于解决本问题：$("label#userid").text(); // 首选，获取label的文本$("label#userid").html(); // 也可以实现，获取label标签内的所有html标记，一般情况改下label标签内就是文本，所以等效上面的方法
登录后复制
下面给出实例演示：分别使用以上两种方法获取label标签的内容，注意最终结果的区别
创建Html元素
点击按钮获取label中内容：
登录后复制
设置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()方法获取标签内的内容
以上就是jquery如何获取标签内容的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2723905.html
