jquery - Jquery在警报中显示div内的数字

Question

你好

我想在这样的警报中显示 Div 中的数字

<script> 
var sec = $('#demo').html();
alert(sec);
</script> 
<div id="demo">100</div>

代码最多显示100 个数字

但是当我使用它时它也为空或未定义或为零

size(); , text(); , html(); , length;

编辑：我有我的问题。我的 jquery 是 v1.7.1 这似乎有问题。所以我将我的 jquery 升级到 v1.9.1 并且我的代码工作正常。谢谢你的所有答案

Answer 1

放

这种技术将在一个空中设置（放置）一个数字<div id="demo"></div>

$('#demo').text(100);      // Overwrite with new content
$('#demo').html(100);      // Overwrites + you can insert raw (string) HTML. 
$('#demo').append(100);    // Keeps content and appends to element
$('#demo').prepend(100);   // Keeps content and prepends to element
$('#demo')[0].textContent = "100"; // jQ/JS, Overwrite with Text Content
$('#demo')[0].innerHTML = "100";   // jQ/JS, Overwrite with HTML
document.getElementById('demo').innerHTML = 100 ; // Pure JS example

http://jsbin.com/eyuhay/10/edit

得到

这种技术将从您的<div id="demo">100</div>

var number = $('#demo').text();            // jQ                  
var number = $('#demo').html();            // jQ
var number = $('#demo')[0].innerHTML;      // jQ/JS
var number = $('#demo').get(0).innerHTML;  // jQ/JS using .get(0) instead of [0]
var number = document.getElementById('demo').innerHTML;   // pure JS
var number = document.getElementById('demo').textContent; // pure JS

http://jsbin.com/eyuhay/11/edit

.size(), 长度

.size()是一个 jQuery 方法，用于检索对象数组中的元素数量。
.length是获取...长度的原生 JS 方法:-D

另外看看： http: //jsbin.com/eyuhay/6/edit：

alert( number.length );      // 3, cause 100 has 3 digits
alert( $('#demo').size()  ); // 1, Use size() on Elements
alert( $('#demo').length );  // 1, cause only 1 element #ID

• 始终将您的代码包装到document ready function

jQuery(document).ready(function( $ ) { 
    // DOM is now read and ready to be manipulated
    /* code here */
} );

• 或者把你的<script></script>标签放在前面</body>

Answer 2

您当前的代码应该可以正常工作，只是顺序错误：

<div id="demo">100</div>
<script> 
var sec = $('#demo').html();
alert(sec);
</script> 

在您可以运行脚本之前，该元素应该在 DOM 中可用。或者，您应该让代码作为 DOM 就绪事件处理程序的一部分运行：

<script>
$(function() {
    alert($('#demo').html());
});
</script>

Answer 3

根据澄清，问题是您的脚本需要在 dom 就绪中执行。

<script> 
    jQuery(function($){
        var sec = $('#demo').html();
        alert(sec);
    });
</script> 
<div id="demo">100</div>

演示：小提琴