2013-10-23 73 views
0

这似乎应该很简单。我似乎无法弄清楚。我在用户的个人资料编辑器中有一系列问题。用户应该回答这个问题,它将填充到他们的个人资料中供其他人查看。我遇到的问题是如果用户没有提供答案,我无法找到隐藏问题的方法。 Answer1()是他们答案的属性。我找不到问题的属性,否则会容易得多。这是我有,例如:如果值为空,则隐藏文本

<div> 
    <p>This is question1</p> 
     <span data-bind="text: Answer1()"></span> 
    <p>This is question2</p> 
     <span data-bind="text: Answer2()"></span> 
    <p>This is question3</p> 
     <span data-bind="text: Answer3()"></span> 
</div> 
+1

你似乎是使用某种JavaScript库,你不提,可能在AngularJS或骨干的流派。这不是直接的HTML,所以你需要指定你正在使用的库,并最好用它标记问题。 – cincodenada

+0

你的问题不清楚。如果你想隐藏一个空属性的元素,比如'data-bind =“”',那么css可以这样做:'span [data-bind =“”] {display:none}' – gwillie

回答

0

试试这个

<div> 

    <span id="q1"><p>This is question1</p> 
     <span id="a1" data-bind="text: Answer1()"></span></span> 

    <p>This is question2</p> 
     <span data-bind="text: Answer2()"></span> 
    <p>This is question3</p> 
     <span data-bind="text: Answer3()"></span> 
</div> 

<script> 
if(document.getElementById('a1').innerText=="") 
{ 
    document.getElementById('q1').style.visibility='collapse'; 
    alert("a1 is Empty"); 
} 
</script>