Moti Mashiah
Moti Mashiah used Ask the Experts™
Hi Guys,
I have scenario when I have ul and inside the ul I insert dynamic li with jquery.

Please look at the code:
var rows = $("#addnew_product").append("<li style='font-size:16px'>" + txt + "</li>");

Open in new window

I limited users to insert 4 li in total and after the finish to insert the li I want to grab the text for each li the insert and for this I did something like that.

                var row1 ="li:nth-child(0)");
                var row2 ="li:nth-child(1)");
                var row3 ="li:nth-child(2)");
                var row4 ="li:nth-child(3)");

Open in new window

The issue with the code above is that each child show the same text and add the last text from the previous row.
My question:
How can I get the text from each dynamic li.?

thanks ,
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Top Expert 2015

Try this sample to get the values.

<script type="text/javascript">
    $("#Button1").click(function () {

        var items = [];
        for (var i = 0; i < 3; i++) {

           items.push("<li style='font-size:16px' data-id='Hello" + i + "'>Hello" + i + "</li>");



        //To Read the values
        $("#addnew_product li").each(function () {



Open in new window

Moti Mashiah.NET Developer


Thank you for your answer, but I found the way of doing it:

var ul1 = $("#addnew_product li:nth-child(1)");
var ul2 = $("#addnew_product li:nth-child(2)");
var ul3 = $("#addnew_product li:nth-child(3)");

after user finish to insert row dynamically I just take all the child from another method.


Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial