jquery 如何 获取所有的label 标签
2011-07-06
展开全部
用jquery的一种解决方法:例子如下:
test.html:(注意,这里任何html页面都可以用,我只是在这里面加了个div
<div id='gettag'></div>,用来显示信息。jquery.js可以在jquery上下载到,改下名字就可以,地址:)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title id='kkk'>jQuery Starterkit</title>
<script src="jquery.js" type="text/javascript"></script>
<script src="custom.js" type="text/javascript"></script>
</head>
<body>
<h1>jQuery Starterkit</h1>
<h2>This page contains code to test the examples. Most of it is only relevant for a example.</h2>
<div id='gettag'></div>
<a id="first" href="#" >Some link</a>
<div class="stuff">
<a name="top" href="#bottom">Go to bottom</a>
<div class="buttons">
<button>First button</button>
<button>Second button</button>
</div>
<ol id="orderedlist">
<li>First element</li>
<li>Second element</li>
<li>Third element</li>
</ol>
<ol id="orderedlist2">
<li>First element, second list</li>
<li>Second element, second list</li>
<li>Third element, second list</li>
<li>Li with child ul
<ul>
<li>Child One</li>
<li>child two</li>
</ul>
</li>
</ol>
<label for='text1'>test</label><input type="text" name='text1'>
<div id="rating">Container</div>
<a id="reset" href="#">Reset!</a>
<form id="form">
Form 1
<input value="XXX" />
<input />
</form>
<form>
Form 2
<input value="YYY" />
<input />
</form>
<form>
Form 3
<input type="checkbox" />
<input type="checkbox" checked="checked" />
</form>
</tbody>
</table>
<a name="bottom" href="#top">Go to top</a>
</div>
</body>
</html>
custom.js
//获取html的tag
$(document).ready(function() {
var arr_tag=Array();
var arr_id=Array();
var arr_class=Array();
var str='';
$('*').each(function(i){
arr_tag[i]=$(this).get(0).tagName;
arr_id[i]=($(this).attr('id')? $(this).attr('id'): 'non');
arr_class[i]=($(this).attr('class')? $(this).attr('class'): 'non');
str +="</br>"+arr_tag[i]+" id='"+arr_id[i]+"' class='"+arr_class[i]+"'";
});
$('#gettag').html(str);
});
另外,站长团上有产品团购,便宜有保证
test.html:(注意,这里任何html页面都可以用,我只是在这里面加了个div
<div id='gettag'></div>,用来显示信息。jquery.js可以在jquery上下载到,改下名字就可以,地址:)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title id='kkk'>jQuery Starterkit</title>
<script src="jquery.js" type="text/javascript"></script>
<script src="custom.js" type="text/javascript"></script>
</head>
<body>
<h1>jQuery Starterkit</h1>
<h2>This page contains code to test the examples. Most of it is only relevant for a example.</h2>
<div id='gettag'></div>
<a id="first" href="#" >Some link</a>
<div class="stuff">
<a name="top" href="#bottom">Go to bottom</a>
<div class="buttons">
<button>First button</button>
<button>Second button</button>
</div>
<ol id="orderedlist">
<li>First element</li>
<li>Second element</li>
<li>Third element</li>
</ol>
<ol id="orderedlist2">
<li>First element, second list</li>
<li>Second element, second list</li>
<li>Third element, second list</li>
<li>Li with child ul
<ul>
<li>Child One</li>
<li>child two</li>
</ul>
</li>
</ol>
<label for='text1'>test</label><input type="text" name='text1'>
<div id="rating">Container</div>
<a id="reset" href="#">Reset!</a>
<form id="form">
Form 1
<input value="XXX" />
<input />
</form>
<form>
Form 2
<input value="YYY" />
<input />
</form>
<form>
Form 3
<input type="checkbox" />
<input type="checkbox" checked="checked" />
</form>
</tbody>
</table>
<a name="bottom" href="#top">Go to top</a>
</div>
</body>
</html>
custom.js
//获取html的tag
$(document).ready(function() {
var arr_tag=Array();
var arr_id=Array();
var arr_class=Array();
var str='';
$('*').each(function(i){
arr_tag[i]=$(this).get(0).tagName;
arr_id[i]=($(this).attr('id')? $(this).attr('id'): 'non');
arr_class[i]=($(this).attr('class')? $(this).attr('class'): 'non');
str +="</br>"+arr_tag[i]+" id='"+arr_id[i]+"' class='"+arr_class[i]+"'";
});
$('#gettag').html(str);
});
另外,站长团上有产品团购,便宜有保证
展开全部
不知道你说的标签是什么意思。可以$("label")获取所有label标签
<label class="radio-inline">
<input class="hidden-input" type="radio" checked="checked" name="optionsRadios" id="1" token="b9f29fef30008810ccf30bb9c0fc1820" value="admin">
<i class="fa fa-circle-o marginR-0-5 fa-dot-circle-o text-info"></i>
admin
</label>
上述代码中,如获取label中的文本,可以$("label").text();得到结果为admin
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$("label") 能查到一个包含所有label标签的数组
如果要遍历获取每个标签的值做
$("label") .each(function(){
var labelval= $(this).val() ;
});
如果要遍历获取每个标签的值做
$("label") .each(function(){
var labelval= $(this).val() ;
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
html控件:<span id="span1" ></span>
用$("span") 获取所有的label 标签
$("#span1")获取id="span1"标签
asp服务器控件<asp:Label ID="Label1" runat="server" Text="haha"></asp:Label>
用$("#<%=Label1.ClientID %>") 获取id="Label1"的label 标签
用document.getElementsByTagName("span") 获取所有label 标签
用$("span") 获取所有的label 标签
$("#span1")获取id="span1"标签
asp服务器控件<asp:Label ID="Label1" runat="server" Text="haha"></asp:Label>
用$("#<%=Label1.ClientID %>") 获取id="Label1"的label 标签
用document.getElementsByTagName("span") 获取所有label 标签
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
var labelList = $("label");
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询