Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将选择器id复制到li选择器类中?_Javascript_Jquery - Fatal编程技术网

Javascript 如何将选择器id复制到li选择器类中?

Javascript 如何将选择器id复制到li选择器类中?,javascript,jquery,Javascript,Jquery,JS HTML id\u 2\u class\u 385 id_2_类_386 id_2_类_387 id_2_类_388 一, 二, 三, 四, 五, 以上是我当前的代码,如何使用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

JS

HTML

id\u 2\u class\u 385
id_2_类_386
id_2_类_387
id_2_类_388
  • 一,
  • 二,
  • 三,
  • 四,
  • 五,
以上是我当前的代码,如何使用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>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>
id\u 2\u class\u 385
id_2_类_386
id_2_类_387
id_2_类_388
  • 1
  • 2
  • 3
  • 4
  • 5

您已经有了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>

基本上只需检查每个li并添加类

在这里: 这将遍历每一个,并创建一个
  • ,因此不管您有多少个。它动态地创建

    $(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);
        });
    });
    
    $(函数(){
    $('[id^=id_2_class_]')。每个(函数(){
    $('ul.flex-control-nav.flex-control-paging').append(“”;
    });
    });
    

    问题不清楚您想做什么,fiddle会帮上很大的忙。lis被重新生成,但Ranikumar只想复制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);
        });
    });
    
    $(function(){
        $('[id^=id_2_class_]').each(function(){
        $('ul.flex-control-nav.flex-control-paging').append("<li id='"+this.id+"'></li>");
        });
    });