jquery如何获取标签内容

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()方法获取标签内的内容

标题名称：jquery如何获取标签内容
链接URL：https://www.cdcxhl.com/article38/cgchpp.html

成都网站建设公司_创新互联，为您提供网站设计公司、面包屑导航、网站建设、网页设计公司、建站公司、网站排名

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联