Javascript 递增数+;1取决于有多少<;span id=”一词;倒计时“&燃气轮机;你在书页上吗

Javascript 递增数+;1取决于有多少<;span id=”一词;倒计时“&燃气轮机;你在书页上吗,javascript,jquery,Javascript,Jquery,大家好,这是我的代码: <span id="countdown">2014-25-09</span> <span id="countdown">2015-25-09</span> <span id="countdown">2016-25-09</span> 但是我不能把这个号码应用到span id上。救命 跨距不应都具有相同的ID。您可以向跨距中添加一个倒数类,然后执行以下操作 var count = $('span.co

大家好,这是我的代码:

<span id="countdown">2014-25-09</span>
<span id="countdown">2015-25-09</span>
<span id="countdown">2016-25-09</span>

但是我不能把这个号码应用到span id上。救命

跨距不应都具有相同的ID。您可以向跨距中添加一个倒数
类,然后执行以下操作

var count = $('span.countdown').length;
如果必须使用ID,则可以使用“开始与选择器”:

var count = $('span[id^="countdown"]').length;

你需要使用class。您的html将如下所示:

<span class="countdown" id="countdown1">2014-25-09</span>
<span class="countdown" id="countdown2">2015-25-09</span>
<span class="countdown" id="countdown3">2016-25-09</span>
它将返回一个包含所有元素的数组,其中包含类
倒计时

要看它的长度,你可以

countdown.length;

希望对您有所帮助:)

因为您必须唯一地给出
id
,所以您必须使用以下方法:


在JavaScript中,ID用于唯一标识页面中的元素,所有与ID相关的方法都是以这种方式创建的。 所以,如果您使用ID来获取元素,它将在页面中找到第一个出现的具有搜索ID的元素

若要筛选元素,则需要使用元素的class属性

像-

<span class="countdown" id="countdown1">2014-25-09</span>
<span class="countdown" id="countdown2">2015-25-09</span>
<span class="countdown" id="countdown3">2016-25-09</span>
并根据您的要求增加一个

count += 1;
您可以使用jqueryeach方法遍历每个span元素,或者将每个元素属性更改为“new”,如下面的代码I am changin id中所示 这里$(this)指向循环中的当前元素

$('.testimonial').each(function(i, obj) {
    var newID = "new" + i  // adding number following "new" string like new1, new2 .... 
    $(this).attr('id',newID);
});

生成具有相同id的多个元素的模板是错误的id应该是唯一的如果要计数,请使用属性选择器
var count=$('span[id=countdown]')。length为什么不使用类来代替ID?class=“countdown”和$('span.countdown').length?要问的问题是“为什么每个元素都需要一个id?它真的有必要吗?”我打赌没有,而且类应该足够了。问题是id=“countdownX”取决于同一页面中“counter”的数量,您可以使用$('span.countdown'))length方法来计算当前页面中现有元素的数量,并按1递增,如果您正在动态创建这些元素,则向新添加的元素添加属性Id
var count = $('span.countdown').length;
<span class="countdown" id="countdown1">2014-25-09</span>
<span class="countdown" id="countdown2">2015-25-09</span>
<span class="countdown" id="countdown3">2016-25-09</span>
var count = $('span.countdown').length;
count += 1;
$('.testimonial').each(function(i, obj) {
    var newID = "new" + i  // adding number following "new" string like new1, new2 .... 
    $(this).attr('id',newID);
});