मैं एक डिव बनाना चाहता हूं जिसमें एक इमेज टैग है और मैं एक ऐरे को पुश करना चाहता हूं जिसमें src इमेज के कई तत्व हैं जो उस <img> के स्रोत में हैं जिसे मैंने बनाया है।
यहां मेरा कोड है लेकिन यह काम नहीं कर रहा है।

var push = "<div class='card'><img class='front' src=''><img class = 'back' src = 'images/back.png' </div>";

var images = ["images/s1.jpg", "images/s2.jpg", "images/s3.jpg", "images/s4.jpg", "images/s5.jpg", "images/s6.jpg", "images/s7.jpg", "images/s8.jpg"]

for (i = 0; i < 8; i++) {
  $(".content").append(push);
}

var images = $('.card').children('img').map(function() {
  return $(this).attr('src')
}).get()
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrap">
  <div class="content">

  </div>
</div>
0
Liam 30 मार्च 2018, 16:15

1 उत्तर

मान लें कि आपके पास div है:

<div id='some_div' class='card'></div>

और उसके बाद अपने आईएमजी-एस को इसमें जोड़ें:

var images = ["images/s1.jpg","images/s2.jpg","images/s3.jpg","images/s4.jpg","images/s5.jpg","images/s6.jpg","images/s7.jpg","images/s8.jpg"]

for(var i=0; i<images.length; i++){
      $('#some_div').append("<img src='"+images[i]+"' />");
}
1
godot 30 मार्च 2018, 13:31