Javascript 如何从jQuery中的同名div中获取当前选定的div元素？

有人能帮我使用jQuery从同一个div中找到所选的项吗

以下是我对codeigniter的看法：

<?php 

 foreach($operator as $Operator) {
 ?>
 <div id="default">
                <div class="col-xl-12 col-md-12 mb-4">
                  <div class="card border-left-danger shadow h-100 py-2">
                    <div class="card-body">
                      <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                          <div class="text-xs font-weight-bold text-warning text-uppercase mb-1" id="countryName"><?=@$Operator->country?></div>
                          <div class="h5 mb-0 font-weight-bold text-gray-800" id="operatorname"><?=@$Operator->longName?></div>
                        </div>
                        <div class="col-auto" id="operatorImage">
                            <img src="https://imagerepo.ding.com/logo/<?=strtoupper(substr(@$Operator->providerCode,0,2))?>.png"/>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <input type="hidden" name="countryIso" value="<?=$Operator->countryIso?>">
</div>
    <?php }?>

---

根据您的代码，html中将有多个相同的ID，这是一种不好的做法

考虑按如下方式更正代码：

谢谢，我复制了相同的代码并粘贴到我的页面上，现在它返回Undifend in alert，operatorname为空
$("#default").click(function(event){

    alert($(this,"#operatorname").text())

})