Question

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

真是一个lable标签，我现在动态给它添加内容
，我现在想获取到这个内容，怎么获取呢？用了var a=$("#userId").html;也不行，求解决





Answer 1

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

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

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

1. 创建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>

2. 设置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;}

3. 编写jquery代码

   $(function(){
   	$("input:button.btn1").click(function() {
   		alert($("label#userid").text());			
   	});
   	$("input:button.btn2").click(function() {
   		alert($("label#userid").html());			
   	});
   })

4. 观察效果

• 使用text()方法获取标签内的内容

  

• 使用html()方法会获取到标签内的元素（包含Html标记）

  

Answer 2

获取里边的文字
jq("#userId").text();

获取里面的html元素
jq("#userId").html();

要加括弧，因为这是方法，不是属性

Answer 3

//这些方法是获取值 可以试试
$('#userId').text();

$('#userId').val();
$('#userId').html();
//而要赋值 注意括号里的值是已经声明的对象 或者是常量（字符串或数字等等）
$('#userId').text('');

$('#userId').val('');
$('#userId').html('');

Answer 4

$("#userId").val();

Answer 5

$("#userId").html()
或者document.getElementById(userId).innerHTML