jquery獲取標(biāo)簽內(nèi)容的方法:1、使用“$('#id').val()”方法獲取標(biāo)簽的value值;2、通過“$('#id').text()”方法獲取標(biāo)簽中間的文本;3、通過“$('#id').html()”方法獲取標(biāo)簽中的html內(nèi)容。
推薦:《javascript基礎(chǔ)教程》
使用jquery獲得標(biāo)簽的值或元素的內(nèi)容
$('#標(biāo)簽id').val() 可以用來獲取標(biāo)簽的value值,比如 input 標(biāo)簽的value值可以用它獲??;$('#標(biāo)簽id').text()可以用來獲取標(biāo)簽中間的文本,比如 <span>值1</span>就可以用它獲取到值1;$('#標(biāo)簽id').html() 可以用來獲取標(biāo)簽中間的html內(nèi)容,比如<div id="div1"><span>123</span></div>可以用$('#div1').html()獲取到<span>123</span>;$('#標(biāo)簽id').attr('屬性名')可以用它來獲取標(biāo)簽的指定屬性的值,比如<a href="xxx.aspx">xxx</a>就可以用.attr('href')獲取到xxx.aspx。jquery提供了三個獲得內(nèi)容的方法: text()、html() 以及 val(),其中前兩個可用于解決本問題:$("label#userid").text(); // 首選,獲取label的文本$("label#userid").html(); // 也可以實(shí)現(xiàn),獲取label標(biāo)簽內(nèi)的所有html標(biāo)記,一般情況改下label標(biāo)簽內(nèi)就是文本,所以等效上面的方法下面給出實(shí)例演示:分別使用以上兩種方法獲取label標(biāo)簽的內(nèi)容,注意最終結(jié)果的區(qū)別
創(chuàng)建html元素
<div class="box"><span>點(diǎn)擊按鈕獲取label中內(nèi)容:</span><br><div class="content"><label id="userid">輸入用戶名</label><input type="text"></div><input type="button" value="獲取label中的內(nèi)容"></div>設(shè)置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;}編寫jquery代碼
$(function(){$("input:button.btn1").click(function() {alert($("label#userid").text());});$("input:button.btn2").click(function() {alert($("label#userid").html());});})觀察效果
使用text()方法獲取標(biāo)簽內(nèi)的內(nèi)容