JavaScript If-else語句

Question

JavaScript的新手，但嘗試使用基本的“ if，else”語句，但無法使其正常工作...

$(function () {
    if ($('.feature:contains("Firmness Rating 1")')) {
    $('#firm').css({'background-image': 'url(firmness1.png)'}).text('Firmness Rating 1');
    }
    if ($('.feature:contains("Firmness Rating 2")')) {
    $('#firm').css({'background-image': 'url(firmness2.png)'}).text('Firmness Rating 2');
    }
    if ($('.feature:contains("Firmness Rating 3")')) {
    $('#firm').css({'background-image': 'url(firmness3.png)'}).text('Firmness Rating 3');
    }
    if ($('.feature:contains("Firmness Rating 4")')) {
    $('#firm').css({'background-image': 'url(firmness4.png)'}).text('Firmness Rating 4');
    }
    if ($('.feature:contains("Firmness Rating 5")')) {
    $('#firm').css({'background-image': 'url(firmness5.png)'}).text('Firmness Rating 5');
    }
    else {
    $('#firm').css({'background-image': 'url(firmness1to5.png)'}).text('Choose your perfect firmness');
 }
 });

我知道一定有一種方法可以做到這一點，請幫助:)

謝謝

P

Answer 1

嘗試

$(function () {
    if ($('.feature:contains("Firmness Rating 1")').length) {
        $('#firm').css({'background-image': 'url(firmness1.png)'}).text('Firmness Rating 1');
    }
    else if ($('.feature:contains("Firmness Rating 2")').length) {
        $('#firm').css({'background-image': 'url(firmness2.png)'}).text('Firmness Rating 2');
    }
    else if ($('.feature:contains("Firmness Rating 3")').length) {
        $('#firm').css({'background-image': 'url(firmness3.png)'}).text('Firmness Rating 3');
    }
    else if ($('.feature:contains("Firmness Rating 4")').length) {
        $('#firm').css({'background-image': 'url(firmness4.png)'}).text('Firmness Rating 4');
    }
    else if ($('.feature:contains("Firmness Rating 5")').length) {
        $('#firm').css({'background-image': 'url(firmness5.png)'}).text('Firmness Rating 5');
    }
    else {
        $('#firm').css({'background-image': 'url(firmness1to5.png)'}).text('Choose your perfect firmness');
    }
 });

如果要鏈接許多if語句，請使用else if 。

另外，要檢查jQuery選擇器是否能夠選擇任何元素，請使用$(selector).length ，它返回匹配元素的數量。 if(number)返回true帶正值）， false帶0或負數）。 因此，如果您的選擇器匹配任何元素， if($(selector).length)返回true 。

Answer 2

不要像使用ìf一樣使用ìf ：

if(some condition){
  run code
}
if(some condition){
  run code
}

而是這樣做：

if(some condition){
  run code
}
else if( some condition){
  run code
}