将元素从附加列表传递到另一个页面

Question

我的javascript文件中有以下格式的附加列表。

  $("#ultag").append($("<li onclick=\"next(this.id);\" id=\"litag\"><div id=\"litagdiv\"><div id=\"imgdiv\"><img id=\"listimg\" alt=\"picture\" src="+file_image+"></div><img id=\"help_picture\"  src=\"images/call_icon_list_black.png\"><div id=\"datadiv\"><div id=\"distance\">"+final_distance+"  mts"+"</div><div id=\"gulpname\">"+file_name+"</div><br><div id=\"gulpaddress\">"+file_address+"</div><div id=\"time\">Open till  "+""+file_time+"</div></div></div></li>"));

我想将file_address和file_name以及图像传递到另一个html页面。

任何帮助将不胜感激。谢谢。

Answer 1

使用本地存储来存储值：

var gulpaddress = $('#gulpaddress').text();
localStorage.setItem("file_address", gulpaddress );

并保存该项目：

localStorage.getItem("file_address");

更新

如果您有多个需要共享相同名称的元素（例如，一个ID），请改用class，否则仅返回第一个匹配的元素。 参见以下示例：

改变这个：

<li onclick=\"next(this.id);\" id=\"litag\">..
<div id=\"gulpaddress\">..

入此（ 删除onclick内联js和id属性 ）：

<li class=\"litag\">..
<div class=\"gulpaddress\">..

然后你的js：

// here we register handler to all matched class
$('#ultag').on('click','.litag', function () {
    // and find only descendants element of current click 
    var gulpaddress = $(this).find('.gulpaddress').text();
    ..... 
    localStorage.setItem("file_address", gulpaddress );
    .......
    .......
});