将文本插入元素，然后检查元素是否具有该文本

Question

在Rails应用程序中，我通过ajax将文本插入到元素中。但是，我需要检查，如果类似的元素有任何文本。我是这样做的：

$('.game-card-name').empty();
$('.game-card-description').empty();
$('.game-card-review').remove();
$('.game-card-name-back').empty();

<% @games.order(created_at: :asc).each_with_index do |game, index| %>
  $('#game-card-<%= index %> .front .game-card-image').css('background', 'asset_url(<%= game.game_image.url(:small) %>), no-repeat;');
  $('#game-card-<%= index %> .front .game-card-name').text('<%= game.title %>');
  $('#game-card-<%= index %> .front .game-card-description').text('<%= game.description.truncate(110) %>');
  $('#game-card-<%= index %> .front').append('<%= link_to 'Review', game, class: 'game-card-review' %>');
  $('#game-card-<%= index %> .back .game-card-statistics .game-card-name-back').text('<%= game.title %>');


  if($('#game-card-<%= index %> .front .game-card-name').text().trim().length == 0) {
    $('#game-card-<%= index %>').hide();
  } else {
    $('#game-card-<%= index %>').show();
  }

<% end %>

我的if条件不起作用。我认为原因是ajax是异步的。有没有办法以适当的顺序执行代码？感谢。