jquery提供了三个获得内容的方法: text()、html() 以及 val(),其中前两个可用于解决本问题:
|
1
2
|
$("label#userid").text(); // 首选,获取label的文本
$("label#userid").html(); // 也可以实现,获取label标签内的所有html标记,一般情况改下label标签内就是文本,所以等效上面的方法
|
下面给出实例演示:分别使用以上两种方法获取label标签的内容,注意最终结果的区别
-
创建Html元素
1234567<divclass="box"><span>点击按钮获取label中内容:</span><divclass="content"><labelid="userid">输入用户名</label><inputtype="text"></div><inputtype="button"value="获取label中的内容"></div> -
设置css样式
12345div.box{width:300px;padding:20px;margin:20px;border:4pxdashed#ccc;}div.box span{color:#999;font-style:italic;}div.content{width:250px;margin:10px0;padding:20px;border:2pxsolid#ff6666;}h3{display:inline-block;}input[type=\'button\']{height:30px;margin:10px;padding:5px10px;} -
编写jquery代码
12345678$(function(){$("input:button.btn1").click(function() {alert($("label#userid").text());});$("input:button.btn2").click(function() {alert($("label#userid").html());});}) -
观察效果