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

Question

嗨

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

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

代码最多显示 100 数字

但它也 null 或 undefined 或 zero 当我使用时

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>中获得所需的内容（100）

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>

演示：Fiddle