在选择 sepesific 值后销毁 datepicker答案

【问题标题】：destroy datepicker on after select sepesific value在选择 sepesific 值后销毁 datepicker
【发布时间】：2021-05-27 10:12:33
【问题描述】：

我想在更改选择选项后在我的代码中删除类datepicker，但它但它不能正常工作这是我的代码

 <?php for ($i = 0; $i < $anak; $i++) {
            # code...
            $b = $i + 1;
        ?>
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary"><?= 'Detail ' . $b ?></h6>
                </div>
                <div class="card-body">

                    <div class="form-row">
                        
                        <div class="form-group col-lg-3">
                            <label for="identitas">Type ID</label>
                            <select class="custom-select my-1 mr-sm-2 idanak select2" name="type">
                                <option></option>
                                <?php foreach ($kia as $key => $value) {
                                ?>
                                    <option value="<?= $value['cardtype_id'] ?>"><?= $value['cardtype_name'] ?></option>

                                <?php } ?>
                            </select>
                        </div>

                        <div class="form-group anak col-lg-3">
                            <label for="identitas">Data</label>
                            <input name="vale[]" type="text" class="form-control classforval datepicker" placeholder="Masukkan Tanggal Lahir" required>
                        </div>
                        

                    </div>


                </div>
            </div>
        <?php } ?>
    ```

this my jquery

$(document).ready(function() {

    $('.idanak').on('change', function() {
        var val = $(this).find("option:selected").text()
        if (val==='KIA') {
           $('.classforval').datepicker('destroy');
           
        }

    })
})


but it destroy all datepicker, but i want only in the same card body to be destroy
any idea ?

【问题讨论】：

标签： jquery jquery-ui

【解决方案1】：

$(this).parents(".form-group").next().find(".classforval").datepicker('destroy');

jQuery Tree Traversal

【讨论】：