为什么数组中的图片没有显示在div中
我试图将图像附加到下面定义的 div 中，但它们没有显示在 div 中。
<html>
<head>
<title>jQuery Hello World Alert box</title>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<script>
var content = "";
var myArray = ['D:/1146Wj.jpg', 'D:/1146Wj.jpg','D:/1146Wj.jpg'];
myArray.forEach(function (element) {
alert(element);
content += "<div><a href='#'><img src=" + element + " /></a></div>";
$("#container").html(content);
});
</script>
</head>
<script type="text/javascript">
$(document).ready(function(){
$("#cl").click(function(){
alert("HELLO WORLD!");
});
});
</script>
<body>
<font color="red">CLICK BELOW BUTTON TO SEE ALERT BOX</font>
<br>
<br>
<button id="cl">Click Me</button>
<div id="container">
</div>
</body>
</html>
最佳答案
首先你的for循环是错误的
myArray.forEach(function (element) {
alert(element);
content = "<div><a href='#'><img src=" + element + " /></a></div>";
$("#container").append(content);
});
检查DEMO
确保你的 $(document).ready 中有这个 for 循环
关于jquery - 为什么图像不附加到 div 中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10257752/