Home/ Questions/Q 6955647
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T14:45:52+00:00

i am trying to get id names from a array and trying to assign

  • 0

i am trying to get id names from a array and trying to assign id names to each p tag which are append dynamically when i click the button, html is:

<html>
<body>
    <div id="container">
        <button id="button">Add new div</button>
    </div>
</body>
</html>

script is :

$(document).ready(function () { 
    $('#button').click(function(){ 
        var data = [{'id':'user1'},{'id':'user2'},{'id':'user3'},{'id':'user4'},{'id':'user5'},];
        $.each(data, function(val) { 
            var light=$('<p></p>'); 
            light.attr('id',+val.id); 
            light.text('one'); 
            $("#container").append(light);
        }); 
    }); 
});

code is here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Change to:

    $(document).ready(function () {
    $('#button').click(function() {
        var data = [{'id':'user1'},{'id':'user2'},{'id':'user3'},{'id':'user4'},{'id':'user5'},];
        $.each(data, function(i, val) { // added index parameter
            var light=$('<p></p>');
            light.attr('id', val.id);   // removed '+'
            light.text('one');

            $("#container").append(light);
        });
    });
});

    Also see the updated jsfiddle.

    === UPDATE ===

    var data = [{'id':'user1'},{'id':'user2'},{'id':'user3'},{'id':'user4'},{'id':'user5'},];
var position = 0;

$(document).ready(function () {
    $('#button').click(function() {
        var light=$('<p></p>')
            .attr('id', data[position].id)
            .text('one');
        $("#container").append(light);
        position++;
        position %= data.length;
    });
});

    Also see my updated jsfiddle.

    • 0