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

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 );
    .......
    .......
});