javascript - jQuery 仅附加不为空的选项

Question

我正在尝试附加不为空的选项，但我附加了两个选项，为什么？

jQuery:

   success: function (data) {
    var obj = JSON.parse(data);
    $.each(obj, function (booking_price, value) {

        if (value.AIRBNB_CONF.length > 0 ) {
            $('.searchable').append("<option value=\"" + value.AIRBNB_CONF + "\">" + value.AIRBNB_CONF + "</option>");
        }
        if (value.DBASE_ID.length > 0 ) {
            $('.searchable').append("<option value=\"" + value.DBASE_ID + "\">" + value.DBASE_ID + "</option>");
        }
    });
},

我试图附加 value.AIRBNB_CONF 或 value.DBASE_ID 但它们都被附加。应该就像如果 DBASE_ID 1234 包含 AIRBNB_CONF 则附加 AIRBNB_CONF，否则 DBASE_ID...

Answer 1

第二种情况需要使用else if，否则总是会经过第二个if

success: function(data) {
  var obj = JSON.parse(data);
  $.each(obj, function(booking_price, value) {

    if (value.AIRBNB_CONF.length > 0) {
      $('.searchable').append("<option value=\"" + value.AIRBNB_CONF + "\">" + value.AIRBNB_CONF + "</option>");
    }
    else if (value.DBASE_ID.length > 0) {
      $('.searchable').append("<option value=\"" + value.DBASE_ID + "\">" + value.DBASE_ID + "</option>");
    }
  });
}

为了更好地理解 if...else，请阅读 if...else here 的文档