Javascript 使用jquery将ID分配给现有div

Javascript 使用jquery将ID分配给现有div,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,我试图在页面上为我的div分配id。div不是动态创建的,而是在页面上写入的,我需要为页面上存在的那些div分配随机id。 尝试了很多事情,但都没有找到解决办法。。在html页面上,div存在于名为demo的类中,并被分配给div的id=mydiv。然后调用脚本并将divs id从mydiv更改为随机数。。我无法将+1添加到下一个div。 尝试了如下所示的jquery遍历nextall(),但它没有将+1添加到新div中 function handledivIds() { var e =

我试图在页面上为我的div分配id。div不是动态创建的,而是在页面上写入的,我需要为页面上存在的那些div分配随机id。 尝试了很多事情,但都没有找到解决办法。。在html页面上,div存在于名为demo的类中,并被分配给div的id=mydiv。然后调用脚本并将divs id从mydiv更改为随机数。。我无法将+1添加到下一个div。 尝试了如下所示的jquery遍历nextall(),但它没有将+1添加到新div中

function handledivIds() {
    var e = $(".demo #mydiv");
    var t = randomNumber();
    var n = "div-",t;
    e.attr("id", n);    
    e.nextall().attr("id", n+1)
    }

function randomNumber() {
    return '' + new Date().getTime();
}
更改此项:

var n = "div-",t;
为此:

var n = "div-";

您可能希望在此处连接字符串,并在
nextAll()
中将
1
附加到该字符串


或者,您可以将函数更新为:

function handledivIds() {
    $(".demo div").each(function(i, it){
        $(this).attr('id', "div-"+$(this).index()); // assigns unique ids per div
    });
}
更改此项:

var n = "div-",t;
为此:

var n = "div-";

您可能希望在此处连接字符串,并在
nextAll()
中将
1
附加到该字符串


或者,您可以将函数更新为:

function handledivIds() {
    $(".demo div").each(function(i, it){
        $(this).attr('id', "div-"+$(this).index()); // assigns unique ids per div
    });
}
更改此项:

var n = "div-",t;
为此:

var n = "div-";

您可能希望在此处连接字符串,并在
nextAll()
中将
1
附加到该字符串


或者,您可以将函数更新为:

function handledivIds() {
    $(".demo div").each(function(i, it){
        $(this).attr('id', "div-"+$(this).index()); // assigns unique ids per div
    });
}
更改此项:

var n = "div-",t;
为此:

var n = "div-";

您可能希望在此处连接字符串,并在
nextAll()
中将
1
附加到该字符串


或者,您可以将函数更新为:

function handledivIds() {
    $(".demo div").each(function(i, it){
        $(this).attr('id', "div-"+$(this).index()); // assigns unique ids per div
    });
}
试着改变这个

var e = $(".demo #mydiv");
对此

var e = $(".demo div");
ID只对一个元素起作用,因此
#myDiv
只返回其中一个
div
元素…永远

也要加入Jai的答案。

尝试更改此选项

var e = $(".demo #mydiv");
对此

var e = $(".demo div");
ID只对一个元素起作用,因此
#myDiv
只返回其中一个
div
元素…永远

也要加入Jai的答案。

尝试更改此选项

var e = $(".demo #mydiv");
对此

var e = $(".demo div");
ID只对一个元素起作用,因此
#myDiv
只返回其中一个
div
元素…永远

也要加入Jai的答案。

尝试更改此选项

var e = $(".demo #mydiv");
对此

var e = $(".demo div");
ID只对一个元素起作用,因此
#myDiv
只返回其中一个
div
元素…永远

也包括Jai的答案

  • n+1
    不适用于字符串,所有下一个
    div
    s将获得与
    .nextAll()相同的ID
  • 还可以使用
    +
    -
    var n=“div-”+t连接
  • 使用
    .each()
    迭代
    div
    元素
试试这个

function handledivIds() {
    var e = $(".demo div");
    var t = randomNumber();

    e.each(function (index) {
       $(this).attr("id", "div-" + (t + index))
    });
}

function randomNumber() {
    return '' + new Date().getTime();
}
  • n+1
    不适用于字符串,所有下一个
    div
    s将获得与
    .nextAll()相同的ID
  • 还可以使用
    +
    -
    var n=“div-”+t连接
  • 使用
    .each()
    迭代
    div
    元素
试试这个

function handledivIds() {
    var e = $(".demo div");
    var t = randomNumber();

    e.each(function (index) {
       $(this).attr("id", "div-" + (t + index))
    });
}

function randomNumber() {
    return '' + new Date().getTime();
}
  • n+1
    不适用于字符串,所有下一个
    div
    s将获得与
    .nextAll()相同的ID
  • 还可以使用
    +
    -
    var n=“div-”+t连接
  • 使用
    .each()
    迭代
    div
    元素
试试这个

function handledivIds() {
    var e = $(".demo div");
    var t = randomNumber();

    e.each(function (index) {
       $(this).attr("id", "div-" + (t + index))
    });
}

function randomNumber() {
    return '' + new Date().getTime();
}
  • n+1
    不适用于字符串,所有下一个
    div
    s将获得与
    .nextAll()相同的ID
  • 还可以使用
    +
    -
    var n=“div-”+t连接
  • 使用
    .each()
    迭代
    div
    元素
试试这个

function handledivIds() {
    var e = $(".demo div");
    var t = randomNumber();

    e.each(function (index) {
       $(this).attr("id", "div-" + (t + index))
    });
}

function randomNumber() {
    return '' + new Date().getTime();
}

首先,使用日期不是随机的。它将提供可预测的增加值。如果您需要一些真正随机的东西,最好在divids服务器端分配一个实际的随机数生成器。如果你能接受伪随机数,就用它代替时间。为了保证唯一性,您可以同时使用时间和随机数。由于时间是单调递增的,因此包含时间将保证唯一值,而伪随机数将赋予它随机性。如果您需要真正的随机数,请在服务器端使用加密强随机数生成器

其次,原始div不能都具有相同的起始id。最好给它们一个类服务器端,然后使用该类来标识它们

 <div class="needs-random-id"></div>

首先,使用日期不是随机的。它将提供可预测的增加值。如果您需要一些真正随机的东西,最好在divids服务器端分配一个实际的随机数生成器。如果你能接受伪随机数,就用它代替时间。为了保证唯一性,您可以同时使用时间和随机数。由于时间是单调递增的,因此包含时间将保证唯一值,而伪随机数将赋予它随机性。如果您需要真正的随机数,请在服务器端使用加密强随机数生成器

其次,原始div不能都具有相同的起始id。最好给它们一个类服务器端,然后使用该类来标识它们

 <div class="needs-random-id"></div>

首先,使用日期不是随机的。它将提供可预测的增加值。如果您需要一些真正随机的东西,最好在divids服务器端分配一个实际的随机数生成器。如果你能接受伪随机数,就用它代替时间。为了保证唯一性,您可以同时使用时间和随机数。由于时间是单调递增的,因此包含时间将保证唯一值,而伪随机数将赋予它随机性。如果您需要真正的随机数,请在服务器端使用加密强随机数生成器

其次,原始div不能都具有相同的起始id。最好给它们一个类服务器端,然后使用该类来标识它们

 <div class="needs-random-id"></div>

首先,使用日期不是随机的。它将提供可预测的增值