Question

我正在使用实时预览脚本。但是现在我希望只有在表单字段中有输入时才会显示电话和传真字段。但我想空语句必须存在问题。有没有人有想法解决这个问题？非常感谢你！

$(document).ready(function() {
  updatePreview();

  $('#live-preview-form input, #live-preview-form textarea #live-preview-form select').bind('blur keyup',updatePreview);
});

function updatePreview(){
  var   contact             = $('#lp-contact'),
        company_name    = $('#lp-company_name'),
        company_extra   = $('#lp-company_extra'),
        adress          = $('#lp-adress'),
        country_code    = $('#lp-country_code'),        
        zip                 = $('#lp-zip'),     
        city            = $('#lp-city'),        
        phone           = $('#lp-phone'),
        fax                 = $('#lp-fax'),
        url                 = $('#lp-url'),
        mail            = $('#lp-mail');


        contact.text($('#contact').val());
        company_name.text($('#company_name').val());
        company_name.html($('#lp-company_name').html().replace(/\n/g,'<br />'));
        company_extra.text($('#company_extra').val());
        adress.text($('#adress').val());
        country_code.text($('#country_code').val() + '-' );
        zip.text($('#zip').val());
        city.text($('#city').val());
        if(! $('#phone')){phone.text('T ' + $('#phone').val())};
        if(! $('#fax')){fax.text('F ' + $('#fax').val())};
        url.text($('#url').val());
        mail.text($('#mail').val());
}

JS Fiddle

JS Fiddle Update #1

经过大量的尝试和研究后，我想，也许它适用于这段代码：但事实并非如此。

 if (phone.text($('#phone').val().length) != 0){
        phone.text('T ' + $('#phone').val());
    };

Answer 1

这个条件：

if (!$('#phone')) {
    phone.text('T ' + $('#phone').val())
};

应该是

if (!$('#phone').length) {
    phone.text('T ' + $('#phone').val())
};

问题是$('#phone')是一个jQuery实例对象，它始终是一个真正的值。该对象是HTML元素的array-like collection。因此，检查元素是否在页面上的正确方法是检查此集合的长度。基本上，它可以通过这个简单的片段进行演示：

＆＃13;

if ({length: 0}) {
    alert('One');
}

if ({length: 0}.length) {
    alert('Two');
}

＆＃13;

Jquery在实时预览中是否为空循环

1 个答案: