jquery怎么获取lable标签⾥⾯的内容?转载⾃:
jquery提供了三个获得内容的⽅法: text()、html() 以及 val(),其中前两个可⽤于解决本问题:
1 2$("label#userid").text(); // ⾸选,获取label的⽂本
$("label#userid").html(); // 也可以实现,获取label标签内的所有html标记,⼀般情况改下label标签内就是⽂本,所以等效上⾯的⽅法
下⾯给出实例演⽰:分别使⽤以上两种⽅法获取label标签的内容,注意最终结果的区别1. 创建
1 2 3 4 5 6 7<div class="box">
<span>点击按钮获取label中内容:</span>
<div class="content">
<label id="userid">输⼊⽤户名</label><input type="text"> </div>
jquery修改html内容<input type="button"value="获取label中的内容">
</div>
2. 设置css样式
1 2 3 4 5div.box{width:300px;padding:20px;margin:20px;border:4px dashed#ccc;} div.box span{color:#999;font-style:italic;}
input[type='button']{height:30px;margin:10px;padding:5px10px;}
3. 编写jquery代码
1 2 3 4 5 6 7 8$(function(){
$("input:button.btn1").click(function() { alert($("label#userid").text()); });
$("input:button.btn2").click(function() { alert($("label#userid").html()); });
})
4. 观察效果
使⽤text()⽅法获取标签内的内容
使⽤html()⽅法会获取到标签内的元素(包含Html标记)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论