Скрытие текста, если значение пустое

Question

Скрытие текста, если значение пустое

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>

user2913504 24 окт. 2013, в 02:11

Источник

1

Похоже, вы используете какую-то библиотеку Javascript, которую вы не упоминаете, вероятно, в жанре AngularJS или Backbone. Это не прямой HTML, поэтому вам нужно указать, какую библиотеку вы используете, и, желательно, пометить вопрос с ним.
cincodenada 23 окт. 2013, в 23:24
0

Ваш вопрос не ясен. Однако если вы хотите скрыть элемент с пустым атрибутом, например data-bind="" тогда css может сделать это: span[data-bind=""]{display:none}
gwillie 23 окт. 2013, в 23:42

Теги:

html

1 ответ

Ещё вопросы

Похоже, вы используете какую-то библиотеку Javascript, которую вы не упоминаете, вероятно, в жанре AngularJS или Backbone. Это не прямой HTML, поэтому вам нужно указать, какую библиотеку вы используете, и, желательно, пометить вопрос с ним.
Ваш вопрос не ясен. Однако если вы хотите скрыть элемент с пустым атрибутом, например data-bind="" тогда css может сделать это: span[data-bind=""]{display:none}

Tony · Answer 1 · 2013-10-23T21-24-00.000Z

Попробуй это

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