Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.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_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何检查一个类,然后替换每个元素的数据id

Javascript 如何检查一个类,然后替换每个元素的数据id,javascript,jquery,html,Javascript,Jquery,Html,我的HTML标记如下所示: <li class="myclass" data-target="#carousel-example-generic" data-slide-to="{dynamic.ID}"></li> <li class="myclass" data-target="#carousel-example-generic" data-slide-to="0"></li> <li class="myclass" data-tar

我的HTML标记如下所示:

<li class="myclass" data-target="#carousel-example-generic" data-slide-to="{dynamic.ID}"></li>
<li class="myclass" data-target="#carousel-example-generic" data-slide-to="0"></li>

<li class="myclass" data-target="#carousel-example-generic" data-slide-to="1"></li>

<li class="myclass" data-target="#carousel-example-generic" data-slide-to="2"></li>
  • 其动态生成是最大值的1到5倍

    如何检查每个li类,然后将其元素数据幻灯片更改为=“content”属性为特定值?例如,一个不同的数字

    例如,在DOM ready上,内容如下:

    <li class="myclass" data-target="#carousel-example-generic" data-slide-to="1"></li>
    
    <li class="myclass" data-target="#carousel-example-generic" data-slide-to="2"></li>
    
    <li class="myclass" data-target="#carousel-example-generic" data-slide-to="3"></li>
    
  • 然后动态地重写它,如下所示:

    <li class="myclass" data-target="#carousel-example-generic" data-slide-to="{dynamic.ID}"></li>
    
    <li class="myclass" data-target="#carousel-example-generic" data-slide-to="0"></li>
    
    <li class="myclass" data-target="#carousel-example-generic" data-slide-to="1"></li>
    
    <li class="myclass" data-target="#carousel-example-generic" data-slide-to="2"></li>
    

  • 香草Java脚本是我想要做的,但我想我也会对jQuery感到满意

    你到底想要什么有点难理解,但我还是想出了一把小提琴

    我创建了一个从1到5的
    random
    数字,然后使用jquery的
    each
    函数在每个
    li
    中循环,然后检查该
    li.hasClass
    是否为
    random
    。如果这不合理,请查看代码和小提琴

    jQuery代码:

    $(document).ready(function(){
    
    var random=Math.floor((Math.random() * 5) + 1);
    
        $('li').each(function(){
        if($(this).hasClass(random)){
            $(this).attr('data-slide-to',random);
       }
      });
    
    });
    
    检查小提琴:


    希望这有帮助!!如果这不是你想要的,请在评论中告诉我。

    你到底想要什么有点难理解,但我还是想出了一个办法

    我创建了一个从1到5的
    random
    数字,然后使用jquery的
    each
    函数在每个
    li
    中循环,然后检查该
    li.hasClass
    是否为
    random
    。如果这不合理,请查看代码和小提琴

    jQuery代码:

    $(document).ready(function(){
    
    var random=Math.floor((Math.random() * 5) + 1);
    
        $('li').each(function(){
        if($(this).hasClass(random)){
            $(this).attr('data-slide-to',random);
       }
      });
    
    });
    
    检查小提琴:


    希望这有帮助!!如果这不是您想要的,请在评论中告诉我。

    类似的内容会有帮助吗

    var li=document.querySelectorAll('.myclass');
    对于(变量i=0;i

    这样的东西有用吗

    var li=document.querySelectorAll('.myclass');
    对于(变量i=0;i

    类不应该有这样的标识符。如果没有它,这将是一个简单的按类名查找、迭代和进行更改的过程。不确定您正在尝试什么,但仍然可以尝试使用相同的类名为所有类名使用id属性来获取动态值,然后按类名检索(您将获得对象数组)然后尝试用ID在该对象数组中迭代..不太清楚您实际拥有的代码和想要的结果,以及在过程中遇到的问题。好的,是的,我可以使用相同的类名。但是,对于每个li标记,我的数据幻灯片到=“{dynamic.ID}”是不同的。这就是我需要动态重写的内容。这更清楚了吗?我只是不知道如何做到这一点。我不知道如何获取每个元素,并将其数据幻灯片重写为每个li标记的“”。类不应该有这样的标识符。如果没有它,这将是一个简单的按类名查找、迭代和进行更改的过程。不确定您正在尝试什么,但仍然可以尝试使用相同的类名为所有类名使用id属性来获取动态值,然后按类名检索(您将获得对象数组)然后尝试用ID在该对象数组中迭代..不太清楚您实际拥有的代码和想要的结果,以及在过程中遇到的问题。好的,是的,我可以使用相同的类名。但是,对于每个li标记,我的数据幻灯片到=“{dynamic.ID}”是不同的。这就是我需要动态重写的内容。这更清楚了吗?我只是不知道如何做到这一点。我不知道如何获取每个元素并将其数据幻灯片改写为每个li标记的“”。谢谢!抱歉说不清楚。我编辑了我的问题,让我知道它是否有意义。你在问题中要求检查每个
    li
    类。现在它没有意义了,因为所有的类都是相同的。我正在对我的小提琴再做一次调整。Will ping曾经做过一次。是的,因为在我问题中的评论中,人们抱怨如果我有相同的类名会更容易。所以我可以这样做,如果它能让这更容易。我可以和你一起工作,反之亦然。我关心的是,如果不保留相同的类名,我可以将data-attribute的内容重写为不同的值,因为您将无法为不同的
    data-s赋予不同的值