jQuery检查空变量

Question

所以，我有以下js标记：

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

如您所见，rhp_name变量用于硬编码的html。

但是，有些情况data-name不存在（即没有rhp_name变量）。

在没有rhp_name变量的情况下，我不希望使用第一条my_html行。

如何检查var是否为空？等等？

谢谢！

Answer 1

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

应该做的伎俩

Answer 2

根据文档，如果未设置该属性.data返回一个空字符串。那么你可以尝试：

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

Answer 3

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