使用jQuery在div之间导航

Question

我现在有一个div，当单击这个div时，它会将数据发布到另一个页面并重新加载div。我想在新的div中添加一个back按钮(#backref)，让我回到以前的div。我在这方面找到了几个帖子，您可以在其中将display:none;添加到想要浏览的div中，但显然这是我的初始div，所以我不能使用css。任何关于如何绕过这一问题的建议都将不胜感激！

我正在使用的代码来实现这个目标：

$(document).ready(function () {
$('.clickthrough2').click(function () {
    // get car id
    carId = $(this).attr('id'); // get the car id to access each class element under the car div container

    $.post('referrer-ajax2.php', {
        clickthrough: $('#car-'+carId+' .clickthrough').val(),
        ref_date_from2: $('#car-'+carId+' .ref_date_from2').val(),
        ref_date_to2: $('#car-'+carId+' .ref_date_to2').val()
    },
    function (data) {
        $('#car1').html(data);
    });
});     
});

index.php：

<div id="car1" class="declined3 statdivhalf2">
<h4>Select Car</h4>

<div class="statgrid">
    <?php
    $result=$ mysqli->query($sql); 
    if($result->num_rows === 0) { echo 'No Cars in selected time period.'; } 
    else { while ($row = $result->fetch_array()) { 
    ?>
<div id="car-<?php echo $row['car_id'];?>">
<input type="hidden" class="ref_date_from2" value="<?php echo $date_from; ?>" />
<input type="hidden" class="ref_date_to2" value="<?php echo $date_to; ?>" />
<input type="hidden" class="clickthrough" value="<?php echo $row['car_name'] ?>" />
<a><div id="<?php echo $row['car_id'];?>" class="clickthrough2 col-5-6"><?php echo $row['car_name'] ?></div></a>
</div>

    <div class="col-1-6">
        <?php echo $row[ 'quantity']; ?>
    </div>
    <?php } } ?>
</div>
</div>

referrer-ajax2.php：

<div id="car1" class="declined4 statdivhalf2">
    <h4>Car Details</h4>

<div class="statgrid">
    <?php
    $result=$ mysqli->query($sql); 
    if($result->num_rows === 0) { echo 'No Cars in selected time period.'; } 
    else { while ($row = $result->fetch_array()) { 
    ?>
    <div id="clickthrough2" class="col-5-6"><?php echo $row['car_details'] ?></div>
    <div class="col-1-6"><?php echo $row[ 'quantity']; ?></div>
    <?php } } ?>
    <a><div id="backref">< Back</div></a>
</div>
</div>

编辑:我已经尝试过了，如果它不起作用的话：

$('#backref').click(function () {
  $('.declined4').hide();
  $('.declined3').show();
});

Answer 1

与其用新内容重新加载div，不如每次都创建一个新div来隐藏旧的div。然后，通过使用id或(可能更好) "data-“属性对每个div进行索引来循环它们。