JQuery 从嵌套的 DIV 中获取 $(this) 值

Question

我正在尝试获取下面称为“信息”的嵌套 DIV 的值。问题在于它在响应中同时显示了 AWS 和 Azure。我认为使用 $(this) 会有所帮助，但显然我搞砸了。

    <div class="cont-bg">   
      
      <div class="cont-main">
    
        <div class="cont-checkbox">
          <input type="checkbox" value="24" id="serviceCheckbox1">
          <label for="serviceCheckbox1">
            <p>&nbsp;</p>
            <span class="cover-checkbox">
              <svg viewBox="0.5 1 12 12">
                <polyline points="1.5 6 4.5 9 10.5 1"></polyline>
              </svg>
            </span>
            <div class="info">AWS</div>
            <div class="infoSubTitle">Amazon Web Services</div>
          </label>
        </div>      

        <div class="cont-checkbox">
          <input type="checkbox" value="38" id="serviceCheckbox2">
          <label for="serviceCheckbox2">
            <p>&nbsp;</p>
            <span class="cover-checkbox">
              <svg viewBox="0.5 1 12 12">
                <polyline points="1.5 6 4.5 9 10.5 1"></polyline>
              </svg>
            </span>
            <div class="info">Azure</div>
            <div class="infoSubTitle">Microsoft Azure</div>
          </label>
        </div>

    </div>
  </div>

    $(document).ready(function() {
      $(".cont-checkbox").click(function() {

      $(".cont-checkbox > label > div.info").each(function () {
        let str = $(this).text();
        console.log(str);
      });

        // will send str to Ajax request

      });
    });

JSFiddle