jquery 进阶

select 框选中原理  父标签遍历所有子元素，负责清空选中状态 
$(this).parents('.xt_baofeitest_clitemr').find('.xt_baofeitest_clitemr_i').removeClass('xt_baofeitest_clitemr_iact');
当前元素加上选中状态
$(this).addClass('xt_baofeitest_clitemr_iact');

if($("#areainsurance").is(":visible"))  根据id查看是否可见

(this).parents('.xt_baofeitest_clitem ').find('.xt_baofeitest_cliteml').html()=='保障期限'

找到含有class  xt_baofeitest_clitem的父元素 ，找到class为xt_baofeitest_cliteml 并且html='保障期限' 的元素

if($(this).hasClass("xt_baofeitest_clitemr_iact")&&$(this).parents('.xt_baofeitest_clitem ').find('.xt_baofeitest_cliteml').html()=='保障期限'){
    if($(this).attr('data-value')==10){
        console.log(10)
        $("#jiaofeiqixian div").eq(3).hide()
        $("#jiaofeiqixian div").eq(4).hide()
    }else if ($(this).attr('data-value')==20){
        console.log(20)
        $("#jiaofeiqixian div").eq(3).show()
        $("#jiaofeiqixian div").eq(4).hide()
    } else if($(this).attr('data-value')==60){
        console.log(60)
        $("#jiaofeiqixian div").eq(3).show()
        $("#jiaofeiqixian div").eq(4).hide()
    }else {
        console.log("else")
        $("#jiaofeiqixian div").eq(3).show()
        $("#jiaofeiqixian div").eq(4).show()
    }
}

div 默认隐藏
<div class="xt_baofeitest_clitem clear" style="display: none;">

gt的使用方法

var age=calcage($("#xt_testSelect").val())
console.log(age)
if(51<=age && age<=60){
    console.log(age)
    $("#baozhangedu div:gt(9)").hide()
}else if (41<=age && age<=50){
    $("#baozhangedu div:gt(9)").show()
    $("#baozhangedu div:gt(16)").hide()
}else if(18<=age && age<=40){
    $("#baozhangedu div:gt(9)").show()
}else {
    return;
}