jquery判断li数量,并为每个li赋予一个递增的id属性

来源:互联网 发布:淘宝怎么才能买到真货 编辑:程序博客网 时间:2024/04/29 04:56

<div class="picshow"><ul><li id="tab1_div_0"><li id="tab1_div_1"> </li><li id="tab1_div_2"></li><li id="tab1_div_3"></li><li id="tab1_div_X"></li><li id="tab1_div_X"></li></ul></div> 以下是jquery判断li数量,并为每个li赋予一个递增的id属性id="tab1_div_X"的代码。

<html>

<head>

<script src="jquery-1.6.4.min.js"></script>

<script> 

 $(function(){ var obj = $('.picshow>ul>li'); obj.each(function(i){ $(this).attr('id',"tab1_div_"+i); }) })</script>

</head><body>

<div class="picshow">

<ul>

<li id="tab1_div_0">0</li>

<li id="tab1_div_1">1</li>

<li id="tab1_div_2">2</li>

<li id="tab1_div_3">3</li>

<li id="tab1_div_X">4</li>

<li id="tab1_div_X">5</li>

</ul>

</div> 

</body>