如何清除或删除jQuery中的先前数据

Question

以下是我的代码段，我想要的是，一旦男性点击成功显示年龄，我有2个选项， 男性和女性 ，但是一个女性点击，我想要删除男性并显示女性年龄范围？

$(document).ready(function() {
            $("#age").hide();

        });

        var gender = '';
        var age = '';

        $(".gender").click(function(e) {
            $("#age").show();
            $(".gender").removeClass('selectedGender');
            $(this).addClass('selectedGender');
            //           
        });


        $(".age-button").click(function(e) {
            age = $(this).val();
            gender = $('.selectedGender').attr('data-gender');

Answer 1

您可以获取selected单选按钮的值，并可以compare值并根据.ie显示div ：

 $(document).ready(function() { $("#age").hide(); $("#age1").hide(); var gender = ''; var age = ''; $(".gender").click(function(e) { var value = $(this).val(); console.log(value); //if male radio is selected if (value == "Male") { //hidding female age range $("#age1").hide(); //show male age range $("#age").show(); $(".gender").removeClass('selectedGender'); $(this).addClass('selectedGender'); } else { //hide male age range $("#age").hide(); //show female age range $("#age1").show(); $(".gender").removeClass('selectedGender'); $(this).addClass('selectedGender'); } // }); $(".age-button").click(function(e) { age = $(this).val(); gender = $('.selectedGender').attr('data-gender'); console.log(gender); }); }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="radio" class="gender" value="Male" name="radios" data-gender="12">Male <input type="radio" class="gender" value="Female" name="radios" data-gender="13">Female <br/> <input type="button" class="age-button" value="Click Me !" /> <div id="age">Something Male</div> <div id="age1">Something Female</div>