Javascript 单击relevent按钮时如何隐藏relevent div

我有一个动态div，当点击相关的delete按钮时需要隐藏它。这个div也有动态id。我想隐藏点击按钮的相关div。我一直只得到第一个div id。我是jQuery的新手，请有人帮忙

$(document).ready(function(){
  $(".reBox").click(function() {
    alert($('.reBox').attr('id'));
      // $(this).hide(); 
});
});

<div class="boxx" id="<?php echo $tot_meal; ?>">
  <div class="reBox" id="<?php echo $tot_meal; ?>">
     <img src="../images/error.png" width="16px" height="16px" />
  </div> 
</div>

$（文档）.ready（函数（）{
$（“.reBox”）。单击（函数（）{
警报（$（'.reBox'）.attr（'id'））；
//$（this.hide（）；
});
});
既然你有动态元素，试试看

当您有动态html元素时，请使用。试试这个：

$(document).ready(function(){
  $(".boxx").on('click','.reBox',(function() {
      $(this).hide(); //to hide reBox
      $(this).parent("div.boxx").hide(); //to hide boxx element
});
});

现在，这将始终使用类
reBox
选择第一个div，尝试使用
alert（$（this.attr（'id'）），这将只返回单击的div。您如何知道一直都在获取第一个div？我不是一个真正的php爱好者，但它看起来类
boxx
和
rebox
具有相同的id，所以您的警报将始终是相同的，不是吗？@I Can have Cheezburger:谢谢您的想法，在获得id后，我能够使它工作@Mark F：即使id是相同的，我也使用了两个不同的类，因此我能够获得我调用的特定类的id。。。谢谢：谢谢，我能正确地拿到身份证：谢谢，我能正确地拿到身份证。现在开始工作了
$(document).ready(function(){
  $(".boxx").on('click','.reBox',(function() {
      $(this).hide(); //to hide reBox
      $(this).parent("div.boxx").hide(); //to hide boxx element
});
});