jquery - jquery动态修改html页面的参数

Question

我有一个从 Solr 索引获取结果的函数。代码如下：

AjaxSolr.theme.prototype.result = function (doc, snippet) {
 var figrhtmlocation=doc.imagelocation;
 var pdfl=doc.filelocation;
 var output = '<div> <h2>' + doc.caption+'</h2>';
 var figlink='<a href="" onclick="show_figure_html\('+'\''+figrl+'\''+'\)"> <p> See Figure </a>';
 var pdlink='<A href="'+pdfl+'"> \t See pdf </p> </A>';
 output+=figlink;
 output+=pdlink;
 output += '<p>' + snippet + '</p></div>';
 return output;
};

如您所见，我正在为每个结果创建一个链接，称为“见图”。现在，当我单击该链接时，在我的 show_figure_html 函数中，我想做以下事情：

1. 在新窗口或现有窗口中打开一个 html 页面（比如 figuredescription.html）。

2. figuredescription.html 页面有一个 div 元素 figuredisplay，我想在其中动态附加 figrlocation 作为图像文件的源。类似于在 figuredescription.html div 元素中附加图像位置。

我怎么能用jquery做到这一点？我对此很陌生，所以如果这个问题显得幼稚，请原谅我。任何帮助将不胜感激。

Answer 1

要在新窗口中打开，请将您的代码更改为此

  var figlink='<a href="" target="_blank" onclick="show_figure_html\('+'\''+figrl+'\''+'\)"> <p> See Figure </a>';

在您的 figuredescription.html 上，只需添加

$(function(){
  $(figuredisplay).html('your source for image ie figrlocation ')
})

这里 figuredisplay 可以是您元素的类或元素的 id。如果类则使用（'.figuredisplay'）和id使用（'#figuredisplay'）