当前位置: 代码迷 >> JavaScript >> :nth-child() 参数为变量的情况,请赐教,该怎么处理
  详细解决方案

:nth-child() 参数为变量的情况,请赐教,该怎么处理

热度:638   发布时间:2012-04-28 11:49:53.0
:nth-child() 参数为变量的情况,请赐教
<html>
<head>
<meta http-equiv="content=type" content="text/html;charset=gbk"/>
<script src="js/jquery-1.4.min.js"></script>

<script type="text/javascript">
$(function(){
$('ul li').mouseover(function(){
//找出点击的li的下标
var index1 = $('ul li').index(this);

alert($("ul li:nth-child(index1)").html());
});
});
</script>
</head>

<body>
<div id="d1">
<ul>
<li class="select">选项一</li>
<li>选项二</li>
<li>选项三</li>
</ul>
</div>
</body>

</html>

问题描述:
目的相通过mouseover时间alert<li></li>之间的内容,想通过变量index1动态传值给:nth-child(index1)
但是弹出的窗口一直是“选项一”
望高手赐教,给:nth-child(index1)变量赋值?

------解决方案--------------------
alert($("ul li:nth-child("+index1+")").html()); 
你那哪里是传参啊。。。都限定了。。
  相关解决方案