如果值为空,则隐藏文本

时间:2013-10-23 23:21:09

标签: html

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

答案 0 :(得分: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>