Question

我想这很简单，但我没有任何关于jquery的经验。我在我的wordpress主题中发布的每个帖子中使用bxslider，需要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

使用jquery创建唯一id以在bxslider中使用

1 个答案: