Javascript 如何在追加时提供不同的id？

我正在嵌套列表中追加数据。我已成功追加数据，但我不想为时间指定id。 我从这个环节学习

HTML:

我在这里做了演示

试试这个：

Javascript:

$("#treeview").kendoTreeView({
   dragAndDrop: true
});
var treeview = $("#treeview").data("kendoTreeView");
treeview.append({ text: "Naveen",expanded : true }, $("#treeview"));
var foundNode = treeview.findByText("Naveen");
foundNode.attr("id", "3");

HTML:

Foo
扩展数据条

---

您可以根据需要进行修改。

Hmm…无法理解此问题。我想在添加数据时提供id。如果我添加数据“a”，则id应为“1”。在我的示例中，我添加了“bar”，我想提供id“0”。“1”“2”因为我们将id提供给“button”，现在我想为所有列表元素和嵌套列表元素提供id

$(function () {
  $("#treeview").kendoTreeView({
    dataSource: [
      { text: "foo" }
    ]
  });
  $('#test').click(function () {  
    var treeview = $("#treeview").data("kendoTreeView");
    treeview.append({ text: "bar" });
    treeview.append({ text: "b" });
    treeview.append({ text: "bar" });
    // appends a new node to the root level
    //treeview.append({ text: "baz" }, $("#treeview .k-item:first"));
    treeview.append(treeview.findByText("bar"), treeview.findByText("b")); 
  });
});

$("#treeview").kendoTreeView({
   dragAndDrop: true
});
var treeview = $("#treeview").data("kendoTreeView");
treeview.append({ text: "Naveen",expanded : true }, $("#treeview"));
var foundNode = treeview.findByText("Naveen");
foundNode.attr("id", "3");

<ul id="treeview">
    <li id="1" data-expanded="true">Foo</li>
    <li id="2" data-expanded="true">Bar</li>
</ul>