Javascript 如何检查一个类,然后替换每个元素的数据id
我的HTML标记如下所示: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
<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赋予不同的值