3

我正在使用一个程序（jAlbum）来创建一个画廊，并且在那个画廊中它有一个地方可以获取有关照片的更多信息。目前它只显示Photo Info ^. 我有一张图片我想插入到包含单词 Photo Info 的 span 中。我会在程序中执行此操作，但搜索后我找不到该跨度（我相信它可能是用 javascript 生成的，但我找不到生成它的行）。所以我想我可以使用 jQuery 动态插入这个图像。我不确定如何做到这一点，因为 javascript 不是我的强项。以下是 span 的 HTML 当前的外观：

<span id="lightwindow_info_tab_span" class="up"> Photo Info</span>

以下是将图像插入代码后的外观：

<span id="lightwindow_info_tab_span" class="up"><img class="inline" 
  src="/Images/Icons/info.png" />Photo Info</span>

做这个的最好方式是什么？请记住，我在 javascript 方面不是超级强（只是强到可以破坏东西 => ）所以请提供一个例子。

4

3 回答 3

5 
$('#lightwindow_info_tab_span')
              .prepend('<img class="inline" src="/Images/Icons/info.png" />');

在这里我使用.prepend()，因为根据 OP 的帖子，图像在文本之前。

你也可以使用.prependTo()

$('<img class="inline" src="/Images/Icons/info.png" />')
              .prependTo('#lightwindow_info_tab_span');

或者

var yourImg = $('<img/>', {
                           "class" :"inline", // or className: "inline"
                            src:"/Images/Icons/info.png"
                         });

$("#lightwindow_info_tab_span").prepend(yourImg);

您还可以使用：

$('#lightwindow_info_tab_span').html(function(index, oldHTML) {
    return '<img class="inline" src="/Images/Icons/info.png" />' + oldHTML;
});

但在此之前我会选择

于 2012-05-28T18:27:26.510 回答
2 
var img = $('<img class="inline" src="/Images/Icons/info.png" />');
$("#lightwindow_info_tab_span").prepend(img);

或者

var img = $('<img/>', {"class" :"inline", src:"/Images/Icons/info.png"});
$("#lightwindow_info_tab_span").prepend(img);
于 2012-05-28T18:24:45.683 回答
1 
$('<img class="inline" src="/Images/Icons/info.png" />').prependTo("#lightwindow_info_tab_span")
于 2012-05-28T18:25:52.453 回答