Jquery 在元素中插入文本，然后检查元素是否包含该文本

在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 %>

$（'.game card name'）.empty（）；
$（'.game card description'）.empty（）；
$（“.game card review”）.remove（）；
$（'.game card name back'）.empty（）；
$（'#game card-.front.game card image'）.css（'background'，'asset_url（），无重复；'）；
$（“#游戏卡-.front.game card name”）.text（“”）；
$（“#游戏卡-.front.game card description”）.text（“”）；
$（“#游戏卡-.front”）.append（“”）；
$（“#游戏卡-.back.游戏卡统计信息.游戏卡名称back”）.text（“”）；
if（$（'#游戏卡-.front.game card name'）.text（）.trim（）.length==0）{
$（“#游戏卡-”）.hide（）；
}否则{
$（“#游戏卡-”）.show（）；
}

---

如果条件不起作用，我的

。我认为原因是ajax是异步的。有没有办法以适当的顺序执行代码？谢谢。
我不知道您要完成的确切任务，但是如果只使用服务器渲染部分内容并通过AJAX完全替换页面上的HTML，而不使用服务器生成的jQuery，将内容扔掉并替换为其他内容，这不是更容易吗？是的，谢谢您的建议。但由于某些原因，partial不起作用。我可能缺少smth，所以我通过js添加了HTML。也许以后我会把它变成一部分。据我所知，通常是
$（“#some id'）.html（“”
）