将jquery函数放入容器中，该容器在ajax连接中动态追加

Question

在我的模板中，我有一个空容器：

<div class="container"></div>

但是随后我开始将其附加到ajax连接中

var card =
    `<hr>
            <h3>
          <p class="text-center " >${title}</p>
          </h3>
            <img class="col-12 ml-auto col-12 mr-auto" src=>
            <div class="span4 collapse-group">
              <div class="text-center">
                <p><a class="btn btn-md btn-outline-dark btn-square" href="#">Check &raquo;</a></p>
              </div>
              <div class="collapse">
                <div class="card card-body">
                ${text}
                </div>
              </div>
            </div>`
          $('.container').append(card)
          })

但是我绝对需要执行此功能：

    <script>
    $(".card").each(function() {
      $(this)
        .closest('.collapse-group')
        .find('.btn')
        .toggle($(this).text().length > 16);
    });
  </script>

如果我做这样的事情：

<div class="container">
<script>
    $(".card").each(function() {
      $(this)
        .closest('.collapse-group')
        .find('.btn')
        .toggle($(this).text().length > 16);
    });
  </script>
</div>

-这不起作用

类似的东西：

var card =
    `<hr>
            <h3>
          <p class="text-center " >${title}</p>
          </h3>
            <img class="col-12 ml-auto col-12 mr-auto" src=>
            <div class="span4 collapse-group">
              <div class="text-center">
                <p><a class="btn btn-md btn-outline-dark btn-square" href="#">Check &raquo;</a></p>
              </div>
              <div class="collapse">
                <div class="card card-body">
                ${text}
                </div>
              </div>
            </div>
<script>
    $(".card").each(function() {
      $(this)
        .closest('.collapse-group')
        .find('.btn')
        .toggle($(this).text().length > 16);
    });
  </script>
`
          $('.container').append(card)
          })

-一样，不起作用。

我该如何解决这个问题？

UPD 需要对此进行转换：

$(".card").each(function() {
      $(this)
        .closest('.collapse-group')
        .find('.btn')
        .toggle($(this).text().length > 16);
    });

像这样：-)：

 $(document).on('each', ".card", function() {
      $(this)
        .closest('.collapse-group')
        .find('.btn')
        .toggle($(this).text().length > 16);
    });