使用jQuery创建独特的ID在bxslider中使用

Question

我想这很简单，但我没有任何jQuery的经验。我在每篇文章中都使用bxslider，在我的wordpress主题中发布，并且需要jquery指向许多独特的id，不仅适用于work1，还适用于work2，work3等。

The markup is this: 
<ul id="work1"> 
<li></li> 
<li></li> 
</ul> 

<ul id="work2"> 
<li></li> 
<li></li> 
</ul> 

... 

，代码：

<script type="text/javascript"> 
    jQuery(document).ready(function(){ 
    jQuery('#work1').after('<div class="work-pager"></div>'); 
    jQuery('#work1').bxSlider({ 
    mode: 'horizontal', 
    infiniteLoop: false, 
    speed: 500, 
    pause: 8000, 
    auto: false, 
    pager: true, 
    controls: false, 
    pagerSelector: '.work-pager' 
    }); 
    }); 
    </script> 

Answer 1

function findNewId() { 
    var i = 0; 
    while(1) { 
     if($('#work'+i).size()==0) return 'work'+i; 
     i++; 
    } 
} 
$('ul').each(function() { 
    $(this).attr('id',findNewId()); 
}); 

这应该做的伎俩。 JSFIDDLE