如何在單擊相關按鈕時隱藏相關div

我有一個動態div，當相關的刪除按鈕被點擊時需要隱藏它。這個div也有動態的id。我想隱藏按鈕被點擊的相關div。即時通訊只能獲得第一個div ID。即時通訊新的jQuery可以有人請幫助。如何在單擊相關按鈕時隱藏相關div

$(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>

來源

2014-03-13 user3413665

現在，這將始終選擇第一個與類'reBox'的div，嘗試alert（$（this）.attr（'id'））;'，這將只返回點擊div。 –

你怎麼知道你總是得到第一個div？我不是一個真正的PHP傢伙，但它看起來像'boxx'類和'rebox'類具有相同的ID，所以你的警報將永遠是相同的不是嗎？ –

@我可以有Cheezburger：感謝你的想法後得到的ID我能夠使它的工作.. @馬克F：即使是身份證的相同我已經使用了兩個不同的類，因此我能夠得到的ID特別類即時通話...謝謝 – user3413665

既然你有動感的元素，嘗試event delegation

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

來源

2014-03-13 05:15:36

：謝謝，我能夠正確地得到身份證。現在工作 – user3413665

當你擁有動態HTML元素使用.on()。試試這個：

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

來源

2014-03-13 05:16:19 Unknown

：謝謝，我能夠正確地獲得ID – user3413665

如何在單擊相關按鈕時隱藏相關div

回答

相關問題