jQuery中的click事件不能触发

[weixin_38080407]

<script type="text/javascript">
$(document).ready(function () {
$(".A").click(function () {
$("li.b").toggle();
$("li.c").hide();
$("li.d").hide();
$("li.e").hide();
});
$("li.b#1").click(function() {
$("li.c:lt(4)").toggle();
$("li.d:lt(8)").hide();
$("li.e:lt(11)").hide();
});
jQuery("li.c#1").click(function () {
jQuery(this).toggle();


});
$("li.c#2").click(function () {
$("li.d#3").toggle(); $("li.d#4").toggle();
$("li.e#5").hide(); $("li.e#6").hide(); $("li.e#7").hide(); $("li.e#8").hide();
});
$("li.c#4").click(function () {
$("li.d#7").toggle(); $("li.d#7").toggle();

});
$("li.d#2").click(function () {
$("li.e:lt(4)").toggle();

});
$("li").mouseover(function () {
$(this).css("cursor","pointer");
});
});//以上是javascript
ul>
<li class="b" id="1">1.卫星应用环境</li>
<ul>
<li class="c" id="1">空间分布特征</li>
<ul>
<li class="d" id="1">规道位置确认度</li>
<li class="d" id="2">空间共存难度</li>
<ul><li class="e" id="1">轨位间隔</li><li class="e" id="2">波束覆盖</li><li class="e" id="3">链路方向</li><li class="e" id="4">当前轨位状态</li></ul>
</ul>


<li class="c" id="2"> 频率分布特征</li>
<ul>
<li class="d" id="3">频率信息确认度</li>
<li class="d" id="4">频域共存难度</li>
<ul><li class="e" id="5">频段类型</li><li class="e" id="6">频段优先级</li><li class="e" id="7">频谱重叠比例</li><li class="e" id="8">极化类型</li></ul>

</ul>


<li class="c" id="3">应用状态特征</li>
<ul>
<li class="d" id="5">国家属性确认度</li>
<li class="d" id="6">应用难度</li>
<ul><li class="e" id="9">卫星用途</li><li class="e" id="10">传统轨位</li><li class="e" id="11">卫星状态</li></ul>

</ul>


<li class="c" id="4">
系统兼容特征
</li>
<ul>
<li class="d" id="7">数据来源确认度</li><li class="d" id="8">兼容难度</li>
</ul>

</ul>
<li style="margin-top:30px" class="b" id="2">2.卫星网络协调环境</li>
<ul>
<li class="c" id="5">
空间分布特征
</li>
<ul>
<li class="e" id="12">规道位置确认度</li>
</ul>
</ul>
</ul>//html是静态的，其中的c1到c4标签都无法点击，但是子列表的d2便可以，求解决

[天际的海浪]

id不能重复。要都用class

[似梦飞花]

delegate

[weixin_38080407]

楼上正确，id不能重复。已解决