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

jquery提供了三个获得内容的方法： text()、html() 以及 val()，其中前两个可用于解决本问题：

1

2

$("label#userid").text();   // 首选，获取label的文本

$("label#userid").html();   // 也可以实现，获取label标签内的所有html标记，一般情况改下label标签内就是文本，所以等效上面的方法

下面给出实例演示：分别使用以上两种方法获取label标签的内容，注意最终结果的区别

1. 创建Html元素

   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
   5
   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;}

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标记）