asp.net mvc

Moti Mashiah
Moti Mashiah used Ask the Experts™
on
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 = rows.select("li:nth-child(0)");
                var row2 = rows.select("li:nth-child(1)");
                var row3 = rows.select("li:nth-child(2)");
                var row4 = rows.select("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 ,
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Developer
Top Expert 2015
Commented:
Hi,

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>");

        }

        $("#addnew_product").append(items);

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

            alert($(this).attr("data-id"));
        });

        
    });
</script>

Open in new window

Moti Mashiah.NET Developer

Author

Commented:
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.

Thanks

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