Javascript 如何使用JS/jQuery选择div中的图像

我有一个名为works的数组，它包含7个图像。 它们应显示在如下定义的网格中：

<div class="container">
  <div class="row" id="g-work">
  </div><!-- / row -->
</div><!-- / container -->

工作=[http://www.cutestpaw.com/wp-content/uploads/2016/02/s-That-look.jpg,http://www.cutestpaw.com/wp-content/uploads/2016/02/s-Yoshi-The-Seal-Kitteh.jpg] $.eachworks，函数键，值 { 设DIV=$，{class:col-sm-6 col-md-3}； 让图像=$

---

好的，问题的根源，我相信，但我不明白为什么会有问题。如果选择2倍纯色鲑鱼作为边框颜色，它会起作用，但如果我选择2倍红色或2倍ffffff，它不会起作用

var工程=[http://www.cutestpaw.com/wp-content/uploads/2016/02/s-That-look.jpg,http://www.cutestpaw.com/wp-content/uploads/2016/02/s-Yoshi-The-Seal-Kitteh.jpg] forvar i=0；i将您的works数组添加到示例$g-work img将选择作为ID为g-work的元素的后代的所有图像。之前的代码似乎会将works数组中的图像附加到该div，每个图像都包装在另一个div中。这是work.js:var works的内容=[img/pf1.jpg、img/pf5.png、img/pf6.jpg、img/pf7.png、img/pf2.jpg、img/pf3.jpg、img/pf4.jpg]；我可以理解，但当我在控制台中键入works时，if返回此区域，而images似乎未定义，但原因是什么？提示：不要使用$g-work.appendDIV.appendImage；您可以像以前一样使用属性，例如：appendTo:g-work等，或者更好，使用DIV对象填充数组，然后在循环性能方面，比如：@RokoC.Buljan-非常感谢。你的描述真的很有用OK，这可能有用，但练习的重点是使用基本循环和条件，我将添加一些moe代码，以便更清楚地说明结果应该是什么。你可以检查循环中的术语，并将图像添加到你父亲的d中不同的模式例如，您可以根据条件指定边框的颜色，然后将样式添加到图像中。您必须在图像中指定样式类型。您的意思是什么？纯色鲑鱼是定义样式的一部分还是其他东西，而红色不是？

for(var i = 0; i < works.length; ++i ) {
  $("#g-work").append("\
    <div class='col-sm-6 col-md-3'>\
      <img class='img-responsive' src='" + works[i] + "'>\
    </div>\
  ");

  var images = $("#g-work img"); 
  $(images[i]).css("border", "2px red");
};