jquery怎么获取lable标签里面的内容?

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

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>
<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;}
div.content{width:250px;margin:10px0;padding:20px;border:2px solid#ff6666;} h3{display:inline-block;}
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标记)。

相关文档
最新文档