以下是一个示例，演示如何遍历嵌套的

元素，并通过Ajax保存数据：

HTML代码：

  
Item 1
  
Item 2
    

      
Sub Item 1
      
Sub Item 2
    
  
  
Item 3

保存数据

JavaScript代码：

// 递归函数，用于遍历嵌套的
元素
function traverseList(listItem) {
  // 获取当前
元素的文本内容
  var itemText = listItem.firstChild.textContent.trim();

  // 向服务器发送保存数据的Ajax请求
  // 这里仅为示例，实际请求需要根据你的需求进行调整
  // 以下代码仅输出保存的数据到控制台
  console.log("保存数据：" + itemText);

  // 检查是否有嵌套的
元素
  var nestedList = listItem.querySelector('ul');
  if (nestedList) {
    // 遍历嵌套的
元素中的每个
子元素
    var nestedItems = nestedList.querySelectorAll('li');
    nestedItems.forEach(function(nestedItem) {
      // 递归调用遍历函数，传入嵌套的
元素
      traverseList(nestedItem);
    });
  }
}

// 保存按钮点击事件处理程序
document.getElementById("saveButton").addEventListener("click", function() {
  // 获取第一层
元素中的每个
子元素
  var listItems = document.getElementById("myList").querySelectorAll('li');
  listItems.forEach(function(listItem) {
    // 调用遍历函数，传入
元素
    traverseList(listItem);
  });
});

此示例使用递归函数traverseList来遍历嵌套的

元素，通过Ajax保存数据。在示例中，我们使用console.log输出保存的数据到控制台，你需要根据实际需求修改代码来发送Ajax请求并保存数据。