jquery如何获取标签内容

jquery获取标签内容的方法：1、使用“$(&＃39;#id&＃39;).val()”方法获取标签的value值；2、通过“$(&＃39;#id&＃39;).text()”方法获取标签中间的文本；3、通过“$(&＃39;#id&＃39;).html()”方法获取标签中的html内容。

推荐：《Javascript基础教程》

使用jquery获得标签的值或元素的内容

$(&＃39;#标签id&＃39;).val() 可以用来获取标签的value值，比如 input 标签的value值可以用它获取；
$(&＃39;#标签id&＃39;).text()可以用来获取标签中间的文本，比如 值1就可以用它获取到值1；
$(&＃39;#标签id&＃39;).html() 可以用来获取标签中间的html内容，比如
123
可以用$(&＃39;#div1&＃39;).html()获取到123；
$(&＃39;#标签id&＃39;).attr(&＃39;属性名&＃39;)可以用它来获取标签的指定属性的值，比如xxx就可以用.attr(&＃39;href&＃39;)获取到xxx.aspx。
jquery提供了三个获得内容的方法： text()、html() 以及 val()，其中前两个可用于解决本问题：
$("label#userid").text(); // 首选，获取label的文本
$("label#userid").html(); // 也可以实现，获取label标签内的所有html标记，一般情况改下label标签内就是文本，所以等效上面的方法

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

创建Html元素

点击按钮获取label中内容：


输入用户名

设置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=&＃39;button&＃39;]{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

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

观察效果

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

以上就是jquery如何获取标签内容的详细内容，更多请关注 第一PHP社区 其它相关文章！