Как получить текстовое значение с "display: none;" CSS?

Question

Я начинаю с html и javascript, у меня есть пример того, что мне нужно скрыть какой-то текст, и этот текст не займет ни одного места в моей сети. Итак, я установил его для отображения CSS: none. Но я хочу получить текст внутри него. Может ли кто-нибудь сказать мне, как это получить? или некоторые способы сделать это. Это мой пример:

<td class="HiddentText" style="display:none;">My Hidden Text</td> 

я был судим:

$('.HiddentText').val() 
$('.HiddentText').text() 

, но я ничего не получил от него.

Answer 1

Я создал JSFiddle для этой проблемы, и я только получил это работает, когда я добавил необходимые <table> и <tr> заявления вокруг <td> элемента:

<table> 
    <tr> 
     <td class="HiddentText" style="display: none;">My Hidden Text</td> 
    </tr> 
</table> 

Затем вы можете сделать :

$(document).ready(function() {  
    alert($('.HiddentText').html()); 
}); 

Смотрите мой рабочий JSFiddle: http://jsfiddle.net/kgjux/

И мой не-шо очий JSFiddle (который не имеет <table> и <tr> элементов): http://jsfiddle.net/44Unf/

Answer 2

Вы на самом деле имели правильный ответ: .text() метод.

1. .val() даст вам значение элемента, который на самом деле имеет значение (например, вход, TEXTAREA)
2. .html() должен получить то, что HTML-код внутри элемента
3. .text() даст вам текст (видимый или не видно пользователю) внутри элемента, но без форматирования html, просто текст.

Answer 3

Необходимо добавить ';' в конце функции. $ ('. HiddentText'). Val(); означает, что возвращаемое значение = «что-то»

Answer 4

$('.HiddentText').html()); // for class 
$('#HiddentText').html()); // for id 

значение из элементов, таких как пункт, отд, тд, охватывает и т.д. принимается через .html() в JQuery или .innerHTML() в простом javascript