2013-10-23 160 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>