javascript - jquery 获取 span 的值是空的，html 不是吗？

Question

我有 4 个 div，里面有一个随机数

调用$("#result1 span").text()时输出为空白。然而当调用$("#result1 span").html()输出给出了值。

没有 html 如何获取值？

输出是这样的:

<style type="text/css">
        #number {position:relative; top:-225px;left:584px;width:230px;height:10px;}
        #number span {padding:14px; margin:2px; color:orange; font-size:30px;}
        #number input:hover{opacity:0.9; filter:alpha(opacity=90);}
        #number input{opacity:1.0; filter:alpha(opacity=100);}
        #generate {position:relative; top:35px; left:-1px; width:95px; height:25px;}
        #reset {position:relative; top:35px; left:5px; width:95px; height:25px;}
    </style>1

收盘后我需要的值</style>标签 "1"

完整的 html:

<div id="number">
<span id="result1"></span>
<span id="result2"></span>
<span id="result3"></span>
<span id="result4"></span>
<button id="generate">Generate</button>
<button id="reset">Restart</button>
</div>

Javascript:

$('#result1').html((Math.random() * 10) >> 0);
$('#result2').html((Math.random() * 10) >> 0);
$('#result3').html((Math.random() * 10) >> 0);
$('#result4').html((Math.random() * 10) >> 0);

Answer 1

至少有一件事——您的选择器是错误的。 $("#result1 span").text() 不会给你任何东西，因为没有 span inside result1，result1 是 span。将您的选择器更改为 $("#result1") 并查看您得到的结果。

只需更改选择器即可:

http://jsfiddle.net/ccross59/TnbCc/1/