如何將選擇器ID復制到li選擇器類？

Question

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>

Answer 1

您已經擁有了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並添加課程

Answer 2

你走了：這會經歷每一個並創建一個<li>所以你有多少並不重要。 它動態創建。

$(function(){
    $('[id^=id_2_class_]').each(function(){
    $('ul.flex-control-nav.flex-control-paging').append("<li id='"+this.id+"'></li>");
    });
});

http://jsfiddle.net/pLvopvqL/