javascript - 如何将选择器 ID 复制到 li 选择器类中?

标签 javascript jquery

JS

$(document).ready(function(){
  groups = $('[id^=id_2_class_]');    
    $.each(groups, function(key, group) {
        inputs = $(group).attr('id'); 
        alert(inputs);
        $()
    });
})

HTML

<div id="id_2_class_385">id_2_class_385</div>
<div id="id_2_class_386">id_2_class_386</div>
<div id="id_2_class_387">id_2_class_387</div>
<div id="id_2_class_388">id_2_class_388</div>

<ul class="flex-control-nav flex-control-paging">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>

以上是我当前的代码,如何使用 jquery 将选择器 ID 转移到另一个元素的类中?

结果应该如下所示

<div id="id_2_class_385">id_2_class_385</div>
<div id="id_2_class_386">id_2_class_386</div>
<div id="id_2_class_387">id_2_class_387</div>
<div id="id_2_class_388">id_2_class_388</div>

<ul class="flex-control-nav flex-control-paging">
    <li class="id_2_class_385">1</li>
    <li class="id_2_class_386">2</li>
    <li class="id_2_class_387">3</li>
    <li class="id_2_class_388">4</li>
    <li class="id_2_class_389">5</li>
</ul>

最佳答案

你已经有了ID,只需要像这样将它们添加到列表项中

$(document).ready(function () {
    groups = $('[id^=id_2_class_]');
    groups.each(function (index) {
        inputs = $(this).attr('id');
        $('.flex-control-nav').find('li').eq(index).addClass(inputs);
    });
});

http://jsfiddle.net/jvqq23kv/

基本上只是遍历每个 li 并添加类

关于javascript - 如何将选择器 ID 复制到 li 选择器类中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25896803/

相关文章:

javascript - 表单中的文本幻灯片

javascript - 没有任何插件Jquery的Ajax文件上传进度

javascript - Jquery 是(“:empty) not working after . 删除()

jquery - 在 fullcalendar 插件中设置带有日期名称的标题

javascript - 从外部 JSON 文件获取文件内容

jquery - Angularjs 如何使用来自不同 Controller 的数据附加 ng-repeat

javascript - 在异步等待 block 中的 setState 钩子(Hook)后获取最新状态值

javascript - 按计数下载图像

javascript - 如何在第一次单击 React Native 时同时更改屏幕和 setState

javascript - 如果 js 添加链接,则 event.preventDefault() 不起作用