ajax를 이용해 반복적인 작업을 하고싶습니다. 채택완료

</p>

<p><ul id="list">

<li data-id="1"><span id="number"></span>번게시물 : <div id="data-area"></div></li>

<li id="list" data-id="2"><span id="number"></span>번게시물 : <div id="data-area"></div></li>

<li id="list" data-id="3"><span id="number"></span>번게시물 : <div id="data-area"></div></li>

</ul></p>

<p>

<script src="<a href="http://code.jquery.com/jquery-1.11.2.min.js"></script>" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.11.2.min.js"></script></a>

<script>

$("#list li").each(function() {

var articleNum = $(this).attr('data-id');

    $.ajax({

        url : 'myurl' + articleNum,

        dataType: 'json',

        success: function(data) {

            var value1 = data.data.value;

            var num = data.data.no;

            $(this).children("#number").append(num);

            $(this).children("#data-area").append(vlue1);

            }

    });

});

</script></p>

<p>