如何从“display：none;”获取文本值CSS？

Question

我是html和javascript的初学者，我有一个例子，我需要隐藏一些文本，并且该文本不会在我的网站上占据任何位置。所以，我设置它的CSS来显示：none。但我想在里面得到一些文字。任何人都可以告诉我如何获得它吗？或某些方法来做到这一点。 这是我的例子：

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

我被尝试了：

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

但我从中得不到任何东西。

Answer 1

你实际上得到了正确答案：.text()方法。

1. .val()将为您提供实际具有值的元素的值（如input，textarea）
2. .html()是获取元素中的任何HTML代码
3. .text()会在元素中为您提供文本（用户可见或不可见），但没有html格式，只有文字。

Answer 2

我为这个问题创建了一个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 3

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

段落，div，td，span等元素的值是通过jquery中的.html（）或普通javascript中的.innerHTML（）获取的

Answer 4

你需要添加';'在功能结束时。 $（ 'HiddentText'）VAL（）。表示返回值=“某事”