Question

javascript 怎样获取li标签的索引，通过 button 按钮。

<ul id='uu'>
<li><a></a></li>

<li><a></a></li>

<li><a></a></li>

</ul>
<input type="button" value="add" onclick="add()">
是这种格式的，首先点击某一<a>标签后会为这一标签添加一个class样式<.red>，这个已经实现。现在需要做到的是，点击button后会触发一个公共方法add(),add()方法必须是公共的，因为页面有几个button需要触发这个方法的,怎样在add方法中获取到，被添加了<.red>样式的<li>标签的索引值。

Answer 1

不知道你这个li里面还会不会有li 所以写了两个

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" >
function test1(){
//这个index是li在它父一级的索引
var index = $("#uu li a.red").parent().index();
alert(index);
//这个index是li在uu下面所有li的索引
index = $("#uu li a.red").parent().index("#uu li");
alert(index);
}
</script>

<ul id='uu'>
<li><a>1</a>
<ul>
<li><a>1_1</a></li>
</ul>
</li>
<li><a class="red">2</a></li>
<li><a>3</a></li>
</ul>
<button type="button" onclick="test1()">test1</button>

Answer 2

我想你的目的应该不是取得索引值吧，而是希望如果有li被选中，那么在这个li之后添加一个新的li才是目的。
如果你用的jQuery的话，代码应该为
var item = $('#uu > li.red');
if (item.length > 0) {
item.after('<li>content</li>');

} else {
$('#uu').append('<li>content</li>');

}

追问

3个 是导航，页面中还有3个div块，根据被选中时的索引，控制3个div块相应索引的显示与隐藏，而add方法是索引div块中表单的添加方法，您说的是对的，是要添加标签，但是要根据索引情况在指定的div块中添加，不然可能会加错位置。

追答

如果可以的话，你贴出这部分的html，我们一起研究一下。
楼下的同学也为你提供了如何获得索引的方法。不过我个人更倾向于使用相对的方式处理（如兄弟关系，父子关系）。