我有一個名爲「works」的數組,其中包含7個圖像。 他們應該顯示在這樣定義一個網格:如何使用JS/jQuery在div中選擇圖像
<div class="container">
<div class="row" id="g-work">
</div><!--/row -->
</div><!--/container -->
現在JS我填充/這些圖片更換「作品」,然後我要關閉邊界紅色。但是我不太瞭解如何正確選擇它們。這應該是正確的代碼,但它似乎沒有工作。這是什麼$("#g-work img)
在做什麼? #g-work
中沒有圖像標籤。這是什麼意思?爲什麼不能只寫var images=works
?如果我嘗試下面的代碼,我的開發人員工具甚至會告訴我圖像沒有定義。這裏有什麼問題?
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");
};
添加您'works'陣列到你的例子 – j08691
'$(「#G-工作IMG)'選擇能與'克工作的ID的元素的後代的所有圖像'。你以前的代碼似乎會將'works'數組中的圖像附加到該div,每個div都包含在另一個div中。 – j08691
這是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」]; 我可以跟着你,但是當我輸入「作品」到控制檯,如果返回這個區域,而圖像似乎沒有定義,但爲什麼? –