Скрытие tr через встроенный CSS

Question

Я хочу скрыть и показать <tr> об изменении значения текстового поля. Я не могу это сделать, даже применяя встроенное свойство CSS, например display: none. Как я могу это достичь?

Answer 1

Это прекрасно работает (хотя в идеале вы бы использовать классы CSS, а не встроенные стили):

<table> 
    <tr id="your-table-row" style="display: none;"> 
     <td>1</td> 
     <td>2</td> 
    </tr> 
    <tr> 
     <td>3</td> 
     <td>4</td> 
    </tr> 
</table> 

JSFiddle: http://jsfiddle.net/tg8Wj/

Если вы хотите, чтобы скрыть от изменения значения текстового поля, крючок до следующей функции вашего OnChange обработчика события ...

JQuery:

function() { 
    $('#your-table-row').hide(); 
} 

Другой способ с JQuery:

function() { 
    $('#your-table-row').style.display = "none"; 
} 

Plain JavaScript:

function() { 
    var row = document.getElementById("your-table-row"); 
    row.style.display = "none"; 
}