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不存在（即没有0​​变量）。

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

如何检查var是否为空等？

谢谢！

Answer 1

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

应该做的伎俩

Answer 2

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

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