jQuery 将升序数字添加到 ID

Question

我有一个生成 div 的表单。我已经为每个 div 应用了一个基本 ID，但我需要向它们添加数字以区分它们。

我已经阅读了 Index 并查看了其他示例，但我无法让它在这里工作，当我放入 num 变量时，它似乎抛出了一个不稳定的问题。无论如何，我取出了破坏它的代码。

这是小提琴，http://jsfiddle.net/clintongreen/BMX4J/13/

谢谢

Answer 1

val() 这里不正确。 val() 用于输入元素。

当您这样做时：

var newDiv = $('<div id="toggleshow" ......

将其更改为：

var newDiv = $('<div id="toggleshow_' + num++ + '"

并在函数外部执行var num = 0;。

Answer 2

听起来您想通过向基本 id 添加某种计数器来使创建的 div 中的每个 id 都唯一。如果是这样，最简单的方法是使用两个函数来执行这两个操作。让计数器位于外部函数中，并让内部函数作为捕获计数器并重用它的点击处理程序。

$(".add_menu_item").click((function() {
  var id = 0;
  return function () {
    var value = $(this).prev().val();
    if (value.length) {
      var newDiv = $('<div id="toggleshow" class="div_menu_button"></div>');
      var showDiv = $('<div id="show"' + id + '">Bob Lawbob</div>');
      $('#created_buttons_list').append(newDiv.val(value).text(value));
      newDiv.wrap("<li></li>");
      newDiv.after(showDiv);
      id++;
    }
  }
})());

小提琴：http://jsfiddle.net/BMX4J/17/

Answer 3

您可以尝试使用容器的子计数将升序数字附加到新元素：

var count = $("#created_buttons_list").children().length;

newDiv.attr("id", newDiv.attr("id") + "_" + count.toString());