Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果div元素为空,则隐藏它(ASP.NET MVC)_Javascript_Jquery_Html_Asp.net_Asp.net Mvc - Fatal编程技术网

Javascript 如果div元素为空,则隐藏它(ASP.NET MVC)

Javascript 如果div元素为空,则隐藏它(ASP.NET MVC),javascript,jquery,html,asp.net,asp.net-mvc,Javascript,Jquery,Html,Asp.net,Asp.net Mvc,我有这样的电话 $('#display').click(function () { var vacancyId = $("#vacancy").val(); var model = { vacancyId: vacancyId }; $.ajax({ url: '@Url.Action("QuestionBlocks", "Questions")', contentType: 'applicat

我有这样的电话

  $('#display').click(function () {
        var vacancyId = $("#vacancy").val();
        var model = {
            vacancyId: vacancyId
    };

        $.ajax({
    url: '@Url.Action("QuestionBlocks", "Questions")',
    contentType: 'application/json; charset=utf-8',
    data: JSON.stringify(model),
    type: 'POST',
    dataType: 'json',
    processData: false,
    success: function (data) {
        var question1 = data[0]

        $(".list").append('<div style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color:#ffcf00;border-radius: 5px;margin: 10px auto 0;;">' + question1.Question1 + '</div>' + '<div style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question2 + '</div>' + '<div style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question3 + '</div>' + '<div style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question4 + '</div>' + '<div style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question5 + '</div>' + '<div style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question6 + '</div>' + '<div style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question7 + '</div>' + '<div style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question8 + '</div>' + '<div style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question9 + '</div>' + '<div style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question10 + '</div>');
        $(".list").find('div.section:empty').hide();
         }
    });
});
$('#显示')。单击(函数(){
var vacancyId=$(“#空缺”).val();
var模型={
瓦坎基德:瓦坎基德
};
$.ajax({
url:“@url.Action”(“问题块”,“问题”)”,
contentType:'application/json;charset=utf-8',
数据:JSON.stringify(模型),
键入:“POST”,
数据类型:“json”,
processData:false,
成功:功能(数据){
变量问题1=数据[0]
$(“.list”).追加(“”+问题1.question1+“”+“”+问题1.Question2+“”+问题1.Question3+“”+问题1.Question4+“”+问题1.Question5+“”+问题1.Question6+“”+问题1.Question7+“”+问题1.Question8+“”+问题1.Question9+“”+问题1.Question10+“”);
$(“.list”).find('div.section:empty').hide();
}
});
});

但有些div是空的,因为来自后端的值为null

我要把空沙发藏起来

我尝试这个
$(“.list”).find('div.section:empty').hide()但它似乎不起作用


我在代码中写错了什么?

仅使用javascript就可以轻松完成。在这种方法中,您将获得所有div,检查它们是否为空并相应地隐藏它们

var req = document.getElementsByClassName('list');
for(j=0; j<req.length; j++)
{
    var divs = req[j].innerHTML.getElementsByTagName('div');// got all the divs in the current element

    for(i=0; i<divs.length; i++)
    {
        if(divs[i].innerHTML == "")
        {
        divs[i].style.display = 'none';
        }
    }
}
var req=document.getElementsByClassName('list');

对于(j=0;j)您在哪里将类
节添加到您的
div
sas carsten说,没有附加节div,请尝试
$(.list”).children('div:empty').hide();
抱歉,似乎我理解我的错误。现在将尝试一种解决方案页面中的所有div他只想要div。list类。为什么所有的div?@madalinivascu修复了它,它隐藏了我所有的divlist@Eugene真的吗?不应该。我们在隐藏之前检查了是否为空。这表明在运行此函数时,您的所有div都为空。请确保在ajax调用返回后运行它。最有可能的情况是,它在此之前已被执行。您可以尝试将其移动到callback函数