1、查找子元素方式1:>例如:varaNods=$("ul>a");查找ul下的所有a标签2、查找子元素方式2:children()3、查找子元素方式3:find()通过下标获取第n个子标签的ID值1var num1=$("ul > a:eq(0)")attr("ID");2var num2=$("ul")children("a:eq(0)")attr("ID");3var num3=$("ul")find("a:eq(0)")attr("ID");
<!DOCTYPE html>
<head>
<style type="text/css">
ul{
list-style:none; / 去掉ul前面的符号 /
margin: 0px; / 与外界元素的距离为0 /
padding: 0px; / 与内部元素的距离为0 /
width: auto; / 宽度根据元素内容调整 /
}
/ 所有class为menu的div中的ul中的li样式 /
ul li{float:left; / 向左漂移,将竖排变为横排 /}
#ulImages li{display:none};
</style>
<script>
function show(id){
var images = documentgetElementById("ulImages")getElementsByTagName("li");
for(var i=0;i<imageslength;i++){
images[i]styledisplay = "none";
}
images[id]styledisplay = "block";
}
</script>
</head>
<body>
<div id="t_c_ggao">
<ul id="ulImages">
<li style="display:block"><img src="images/list-1jpg" width="480" height="200"/>1</li>
<li><img src="images/list-1jpg" width="480" height="200" />2</li>
<li><img src="images/lp570jpg" width="480" height="200"/>3</li>
<li><img src="images/qx570jpg" width="480" height="200" />4</li>
<li><img src="images/ys570jpg" width="480" height="200"/>5</li>
<li><img src="images/zx570jpg" width="480" height="200" />6</li>
<li><img src="images/list-1jpg" width="480" height="200" />7</li>
</ul>
<ul id="list_number">
<li><a href="#" onclick="show(0)">1</a></li>
<li><a href="#" onclick="show(1)">2</a></li>
<li><a href="#" onclick="show(2)">3</a></li>
<li><a href="#" onclick="show(3)">4</a></li>
<li><a href="#" onclick="show(4)">5</a></li>
<li><a href="#" onclick="show(5)">6</a></li>
<li><a href="#" onclick="show(6)">7</a></li>
</ul>
</div>
</body>
嗯貌似我回答晚了,仅供参考吧,欢迎交流学习qQgroup21/77/712
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
$(function () {
$("li")click(function () {
alert($(this)parent("ul")attr("id"));
});
});
其实实现你的要求并不难,但是不明白一点:你点击当前的Li,其他的隐藏,那么其他的就无法点击了。所以,这样的东西是否有必要?或者是否合理?
以下代码可以实现你要的效果,不需要给每个li赋值一个ID,只要给UL一个就行了。例如:
<ul id="skin2">
<li>灰色</li><li>绿色</li><li>**</li>
</ul>
<script type="text/javascript">
$(function(){
$("#skin2 li")click(function(){
$(this)css("display","block")siblings()css("display","none");
});
});
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
在is里获取div下的ul标签
首先要找到div的id
var oDiv=documentgetElementBvld("id"):
var oUl=oDivgetElementsByTagName("ul")[0]:
oUl就是ul要获取的标签
以上就是关于jq 点击获取上层元素的id的值全部的内容,包括:jq 点击获取上层元素的id的值、js怎样获取点击的是第几个li、jquery获取如何获取点击TD中的id值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)