html - 如果值为空，则隐藏文本

Question

这似乎应该很简单。我似乎无法弄清楚。我在用户的个人资料编辑器中有一个问题列表。用户应该回答这个问题，它将填充到他们的个人资料中供其他人查看。我遇到的问题是，如果用户没有提供答案，我找不到隐藏问题的方法。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>

Answer 1

尝试这个

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