0

更新我遇到了问题。

在我使用的链接中，尽管“”所以这一切都在制造问题，我必须添加类似的东西

'<div style="float:left; padding:0px 10px 5px 0px;"><a expr:href='data:post.url'><img src="' + img[0].src + '" width="218px" height="170px"/></a></div>'

现在该怎么做才能使 " ' 仍然不影响代码

我有一个 JavaScript

function createSummaryAndThumb(pID) {
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = 0;
    if (img.length >= 1) {
        imgtag = '<div style="float:left; padding:0px 10px 5px 0px;"><img src="' + img[0].src + '" width="218px" height="170px"/></div>';
        summ = 0;
    }
    var summary = imgtag;
    div.innerHTML = summary;
}

它为我的一个网站生成了一张图片。现在我想添加到生成的图像的链接，但添加

<a href="url"><div style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="218px" height="170px"/></div></a>

或者

<div style="float:left; padding:0px 10px 5px 0px;"><a href="url"><img src="'+img[0].src+'" width="218px" height="170px"/></a></div>

不工作。它与代码混淆。

4

2 回答 2

0

或者您可以使用 Div 更多和纯 JS

http://jsfiddle.net/pePDN/5/ 

  var a=document.createElement('a');
  a.href='http://www.google.com';
  var image = document.getElementById('myImage').getElementsByTagName('img')[0];
  b=a.appendChild(image);
  document.getElementById('myImage').appendChild(a);
于 2013-08-09T11:02:54.100 回答
0

您可以尝试使用 JQuerywrap()将图像包装在锚点中。

演示

<img id="myImage"
  src="http://placehold.it/250x150/00ffcc&text=FooBar"
  title="This is my image" />

var createSummaryThumb = function (elementId) {
    var link = $('<a />').attr('href', $(elementId).attr('src'));
    $(elementId).wrap(link);
}

createSummaryThumb('#myImage');
于 2013-08-09T09:15:12.570 回答