Question

我有一个动态div，需要在点击相关的删除按钮时隐藏。这个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>

Answer 1

因为你有动态html元素，所以使用.on()。试试这个：

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

Answer 2

由于您有动态元素，请尝试event delegation

$(document).on('click', ".reBox", function () {
    console.log(this.id);
    $(this).hide();
    //if you want to close boxx
    // $(this).closest('.boxx').hide();
});

单击相关按钮时如何隐藏相关div

2 个答案: