jquery - 在后面的代码中将图像添加到div

Question

有什么方法可以将从 db 加载的图像添加到 aspx 文件中已存在的 div 中，例如如果我有以下内容:

<div id="dp" class="red">
</div>

我无法使用 runat=server 因为我的 jquery 中断了。所以我想以某种方式找到这个 div 并将图像附加到它上面。

这可能吗，有人可以指导我吗？

编辑:

更多信息:

因此，我在 aspx 文件中添加了一个隐藏值，每当加载页面时，我都会在 foreach 循环中分配图像。

在我的 jquery 中，我设法使用

获取值

alert($("input[id$=imageval1]").val());

现在有没有办法将其附加到我上面的 div

Answer 1

您可以使用 jQuery 来做到这一点。这会添加 <img/>作为里面的最后一个 child #dp与类red .

$('<img src="' + $("input[id$=imageval1]").val() + '" width="" height="" alt="" />').appendTo( $("#dp.red") );

这是完整的 JavaScript:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready( function(){
    $('<img src="' + $("input[id$=imageval1]").val() + '" width="" height="" alt="" />').appendTo( $("#dp.red") );
});
</script>

代码已编辑以反射(reflect)OP的编辑。