How to get the value of nested JSON array?
<p>I'm using jQuery in my current project, I basically want to dynamically create an image for each image src in the JSON array, here's the HTML data-* JSON array:</p>

<pre><code>&lt;div class="" data-slides='{
    "imgs" : [{
    "img" : "//placekitten.com/g/200/300",
    "img" : "//placekitten.com/g/200/300",
    "img" : "//placekitten.com/g/200/300",
}]}'&gt;
</code></pre>

<p>I guess there is some 'for img in imgs' logic needed, I've just never dealt with it before. How could I, say 'alert' the contents of the 'imgs' array one by one? :) thanks!</p>
