$(document).ready(function(){
$('#category').on('click', 'li', function () {
var dir_id = $(this).attr("id");
var dir_num;
if (dir_id == "animals") {
var dir_num = 10;
var i = 1;
while (i<=dir_num) {
$("#"+dir_id).html() = $("#"+dir_id).html() + $("#"+dir_id).html('<label><input class="pickimg" type="radio" name="img" value="' + i + '.jpg"><img src="images/asortiment/'+ dir_id + '/' + i + '.jpg"></label>');
i++;
}
}
});
});
<ul id="category">
<li id="animals"><a href="#">Животные</a></li>
<li><a href="#">Спорт</a></li>
<li><a href="#">Музыка</a></li>
<li><a href="#">Хобби</a></li>
<li><a href="#">Личности</a></li>
<li><a href="#">События</a></li>
<li><a href="#">Транспорт</a></li>
<li><a href="#">Я люблю</a></li>
<li><a href="#">SWAG</a></li>
</ul>
Мне нужно чтобы выводило все картинки из папки animals, а не самую последнюю - 10ую.
$("#"+dir_id).html() = $("#"+dir_id).html() + $("#"+dir_id).html('<label><input class="pickimg" type="radio" name="img" value="' + i + '.jpg"><img src="images/asortiment/'+ dir_id + '/' + i + '.jpg"></label>');
Думаю что ошибка где-то сдесь. Помогите!