if else inside jQuery append

if else inside jQuery append

Hello everyone, I am going to share the code-sample for use of if-else inside append. The example as given below.

$.each(dataStatus, function (key, val) {
       var txtColor;

       //if-else inside append as given below.
        if (val.status == 201) {
            txtColor = 'txt-color-green';
        } else if (val.status == 202) {
            txtColor = 'txt-color-red';
        } else if (val.status == 207) {
            txtColor = 'txt-color-pink';
        } else if (val.status == 208) {
            txtColor = 'txt-color-purple';
        }

    // Prepared a template for inside jquery append as given below.
        var template = '<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">'
                    + ' <div class="easy-pie-chart ' + txtColor + '">'
                    + ' <span class="h4 font-bold m-t block">' + val.data + '</span><br />'
                    + ' </div>'
                    + ' <small ><a class="' + txtColor + '">' + val.name + '</a></small>'
                + '</div>';

        $('#status').append(template);
});



I think, It might help you! Thank you!



ANIL SINGH

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - http://www.code-sample.com and http://www.code-sample.xyz
My Books - Google Amazon and Flipkart Book Store!

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.
ASK Questions
SQL Server NodeJs TypeScript JavaScript Angular SQL Server My Book