如何获取<div id="allId">里面的所有ID<div id="allId">
<h3 class="gray-top" id="10000">
<a href="add.aspx?leibie=10000&name=新闻">新闻</a>
<a href="add.aspx?leibie=10000&name=新闻添加">新闻添加</a>
<a href="list.aspx?leibie=10000&name=新闻列表">新闻列表</a>
</h3>
<div>
<ol>
<li id="10006">
<a href="add.aspx?leibie=10006&name=焦点">焦点</a>
<a href="add.aspx?leibie=10006&name=焦点添加">焦点添加</a>
<a href="list.aspx?leibie=10006&name=焦点列表">焦点列表</a>
</li>
<li id="10007">
<a href="add.aspx?leibie=10007&name=国内">国内</a>
<a href="add.aspx?leibie=10007&name=国内添加">国内添加</a>
<a href="list.aspx?leibie=10007&name=国内列表">国内列表</a>
</li>
<li id="10008">
<a href="add.aspx?leibie=10008&name=国际">国际</a>
<a href="add.aspx?leibie=10008&name=国际添加">国际添加</a>
<a href="list.aspx?leibie=10008&name=国际列表">国际列表</a>
</li>
</ol>
</div>
</div>
<h3 class="gray-top" id="10000">
<a href="add.aspx?leibie=10000&name=新闻">新闻</a>
<a href="add.aspx?leibie=10000&name=新闻添加">新闻添加</a>
<a href="list.aspx?leibie=10000&name=新闻列表">新闻列表</a>
</h3>
<div>
<ol>
<li id="10006">
<a href="add.aspx?leibie=10006&name=焦点">焦点</a>
<a href="add.aspx?leibie=10006&name=焦点添加">焦点添加</a>
<a href="list.aspx?leibie=10006&name=焦点列表">焦点列表</a>
</li>
<li id="10007">
<a href="add.aspx?leibie=10007&name=国内">国内</a>
<a href="add.aspx?leibie=10007&name=国内添加">国内添加</a>
<a href="list.aspx?leibie=10007&name=国内列表">国内列表</a>
</li>
<li id="10008">
<a href="add.aspx?leibie=10008&name=国际">国际</a>
<a href="add.aspx?leibie=10008&name=国际添加">国际添加</a>
<a href="list.aspx?leibie=10008&name=国际列表">国际列表</a>
</li>
</ol>
</div>
</div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script><script type="text/javascript">
$(function(){ $("div#allId").find("[id]").each(function(){
alert($(this).attr("id"))
})
arr.length;
});
</script>
</head><body>
<div id="allId">
<h3 class="gray-top" id="10000">
<a href="add.aspx?leibie=10000&name=新闻">新闻</a>
<a href="add.aspx?leibie=10000&name=新闻添加">新闻添加</a>
<a href="list.aspx?leibie=10000&name=新闻列表">新闻列表</a>
</h3>
<div>
<ol>
<li id="10006">
<a href="add.aspx?leibie=10006&name=焦点">焦点</a>
<a href="add.aspx?leibie=10006&name=焦点添加">焦点添加</a>
<a href="list.aspx?leibie=10006&name=焦点列表">焦点列表</a>
</li>
<li id="10007">
<a href="add.aspx?leibie=10007&name=国内">国内</a>
<a href="add.aspx?leibie=10007&name=国内添加">国内添加</a>
<a href="list.aspx?leibie=10007&name=国内列表">国内列表</a>
</li>
<li id="10008">
<a href="add.aspx?leibie=10008&name=国际">国际</a>
<a href="add.aspx?leibie=10008&name=国际添加">国际添加</a>
<a href="list.aspx?leibie=10008&name=国际列表">国际列表</a>
</li>
</ol>
</div>
</div>
</body>
</html>
比如说这样获取了又如何
里面的所有id吧。那是要循环,你从它的孩子集合开始。一直找吧。
这位朋友这个的确是其中的一步,我要达到的目的是根据后台取出来的一串字符串ID,如果这个div里面的ID在这串字符串中,那么,这个ID标签能够显示,如果不在这串字符串中,这个ID的标签不显示,不知道各位朋友有没有了解我的意思
var str = "1000810007";
var obj = document.getElementById("allId");
var objs = obj.getElementsByTagName("*");
for(var i = 0, len = objs.length; i < len; i++){
var id = objs[i].id;
if(str.indexOf(id) <= -1){
objs[i].style.display = "none";
}
}