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及image传递给另一个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 );
    .......
    .......
});

将元素从附加列表

1 个答案: