了解jquery怎么获取标签内容?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!
创新互联是专业的寻甸网站建设公司,寻甸接单;提供成都网站建设、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行寻甸网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
jquery获取标签内容的方法:1、使用“$('#id').val()”方法获取标签的value值;2、通过“$('#id').text()”方法获取标签中间的文本;3、通过“$('#id').html()”方法获取标签中的html内容。
使用jquery获得标签的值或元素的内容
$('#标签id').val() 可以用来获取标签的value值,比如 input 标签的value值可以用它获取; $('#标签id').text()可以用来获取标签中间的文本,比如 值1就可以用它获取到值1; $('#标签id').html() 可以用来获取标签中间的html内容,比如123可以用$('#div1').html()获取到123; $('#标签id').attr('属性名')可以用它来获取标签的指定属性的值,比如xxx就可以用.attr('href')获取到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;} h4{display:inline-block;} input[type='button']{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怎么获取标签内容大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注创新互联行业资讯频道。