JQuery無法使用使用變量的查找方法

Question

我一直在試圖找出爲什麼find方法選擇器未檢測到「城市」變量。這是代碼。

HTML

<div id="cities"> 
    <div class="Denver"></div> 
    <div class="Seattle"></div> 
</div> 

Jquery的 - 我從getCity.php返回的數據是一個字符串 「丹佛，西雅圖」。

$.post("getCity.php", function(data){ 
    var cityArr= data.split(","); 
     $.each(cityArr, function(i, city){ 
      $('#cities').find('.'+city).html(city); 
     }); 

}); 

這段代碼不起作用。現在，如果我將find('.'+city)更改爲find('.Denver')或find('.Seattle')那麼它的工作原理..我做錯了什麼？

Answer 1

我認爲這是空白在您的字符串,經過這麼使用trim()或$.trim()

$('#cities').find('.' + city.trim()).html(city); 

或

$('#cities').find('.' + $.trim(city)).html(city); 

---

否則，你需要用逗號與分割字符串空間。

var cityArr= data.split(/\s*,\s*/);