显示/隐藏div Ajax Jquery

时间:2018-11-26 18:56:49

标签: javascript jquery ajax asp.net-mvc

Kinda为此花费了很多时间 但我无法为此找到.parent()next().next All()
我想在div滑块.SubQuestion出现问题的情况下显示名为.input-range的{​​{1}}在ajax成功上 除

之外,一切工作都很完美
value

$(this).next(".SubQuestion").show();

我找不到我的$(this).next(".SubQuestion").hide(); div,并且display不起作用

css

1 个答案:

答案 0 :(得分:0)

这是解决方案 感谢@AndrewLohr

$(function ($) {
    $('.input-range').on('change', function () {
        $(this).next('.range-value').html(this.value);
        let subQuestion = $(this).parent().nextAll(".SubQuestion").show();
        var questionId = $(this).attr("id");
        var QAScore = $(this).attr("tag");
        var rangevalue = $(this).nextAll('.range-value').first().text();
        if (rangevalue < QAScore && rangevalue!=10) {
            $.ajax({
                url: "/Question/GetSubQuestion",
                type: "POST",
                datatype: "json",
                data: { QuestionId: questionId },
                success: function (data) {
                    subQuestion.html(data);
                    subQuestion.show();
                }
            });
        }
        else {
            $(this).parent().nextAll(".SubQuestion").hide();
        }
    });
});