jQuery check for empty variable

Question

So, I have the following js markup:

jQuery(document).on( 'click', '.rhpcon', function(e) {  
    var rhp_name = jQuery(this).find('.rhi').data("name");

    var my_html = '<div class="rhfi">'+ rhp_name +'</div>'; 
        my_html += '<div class="something">Show something else</div>';                          
    jQuery('.rh_pop').html(my_html);                        
});

As you can see, the rhp_name variable is used in the hardcoded html.

However, there are scenarios where data-name does not exist (ie, no rhp_name variable).

In a scenario where there is no rhp_name variable, I don't want the first my_html line to be used.

How do I check if the var is empty and so on?

Thanks!

Richard Theobald · Accepted Answer · 2016-01-10 00:18:35Z

9

if(typeof rhp_name !== 'undefined' && rhp_name != ''){

should do the trick

answered Jan 10, 2016 at 0:18

Richard Theobald

7773 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ashinn · Accepted Answer · 2016-01-10 00:20:12Z

4

if (rhp_name.length > 0) 
    console.log("rhp_name exists");

answered Jan 10, 2016 at 0:20

ashinn

1091 bronze badge

1 Comment

William Ranvaud Over a year ago

if the variable rhp_name is undefined, calling length on it will cause an error.

Ewoud · Accepted Answer · 2016-01-10 00:19:45Z

1

According to the documentation if the attribute is not set .data returns an empty string. So then you could try:

jQuery(document).on( 'click', '.rhpcon', function(e) {  
    var rhp_name = jQuery(this).find('.rhi').data("name");
    if(rhp_name!=""){
         var my_html = '<div class="rhfi">'+ rhp_name +'</div>';
         my_html += '<div class="something">Show something else</div>'; 
         jQuery('.rh_pop').html(my_html);
    }
});

answered Jan 10, 2016 at 0:19

Ewoud

7514 silver badges6 bronze badges

Collectives™ on Stack Overflow

jQuery check for empty variable

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related