JQuery无法使用变量的find方法

Question

我一直试图找出为什么find方法选择器没有检测到'city'变量。这是代码。

HTML

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

Jquery - 我从getCity.php返回的数据是一个字符串“Denver，Seattle”。

$.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*/);