如何将li类更改为li id's在Jquery中

How to change li class to li id's in Jquery

本文关键字：li Jquery id      更新时间：2023-09-26

我已经安装了flexrooper插件，单击此处运行良好，但JS中有一个小元素我想更改，那就是幻灯片标识符单击此处目前flexslider创建了名为flex-control-nav的ul类字段和flex-control-paging，后者为页面标识符创建了一个名为flex-active的li类。这些字段不在我的HTML中。

有没有一种方法可以让JS为标识符创建一个单独的ID，因为我想对每个标识符进行不同的风格设置。我会粘贴代码，但有很多。如果你检查上面的链接中的元素，主要的flexsilder JS在flexsilder.JS 中

在页脚或页眉中，您可以在运行其他脚本的任何位置之后插入类似的内容，或者如果使用jquery:，则可以将其插入该脚本

<script>
$(document).ready(function(){
      $('.flex-control-paging').each(function(key, value){
         $(this).attr('id', 'id_name_'+key);
      });
   });
</script>

现在有几件事。这假设您已经在页面上加载了jquery。此外，我认为flex控件分页是所有li标签上的类，但如果不能替代它的话。

完成以下操作使我…

<!-- Inside of slider element -->
<div class="flexslider">
<ul class="slides">
...
</ul>
<ul class="custom-controls">
<li><a href="#">Slide One</a></li>
...
</ul>
</div>
//Inside .flexslider() properties
manualControls: '.custom-controls li a'

<!-- Outside of slider element - must use controlsContainer property -->
<div class"flex-container">
<div class="flexslider">
<ul class="slides">
  ...
</ul>
 </div>
 <ul class="custom-controls">
  <li><a href="#">Slide One</a></li>
   ...
 </ul>
 </div>
 //Inside .flexslider() properties
  manualControls: '.custom-controls li a',
  controlsContainer: '.flex-container'
相关文章：