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

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 页面。

任何帮助都将是 appreciated.Thank 你。

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

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

Passing elements to another page from an appended list

html

javascript

css

jquery

tizen-web-app