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

Posted 2023-04-18

【中文标题】使用 jquery 创建唯一 id 以在 bxslider 中使用

【英文标题】：Creating unique id with jquery to use in bxslider

【发布时间】：2011-11-25 02:30:47

【问题描述】：

我想这很简单，但我对 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>

【参考方案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

【讨论】：

唯一的 id 命名就像手套一样。谢谢！我仍然有这个问题，只有第一个滑块可以工作，而其他滑块会崩溃。所以我想在某个地方还有另一个问题。再次感谢任何人。