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函数