python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
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

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
www.code-sample.com/. Powered by Blogger.
ASK Questions