bxslider에서 사용할 jquery로 고유 ID 만들기

Question

이것은 매우 간단하지만 jquery에 대한 경험은 전혀 없습니다. 나는 워드 프레스 테마로 게시하는 모든 게시물에서 bxslider를 사용하고 있으며 work1뿐만 아니라 work2, work3 등 수많은 고유 ID를 가리 키기 위해 jquery가 필요합니다.

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