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/

如何将选择器ID复制到li选择器类？

2 个答案: