Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取span值的jquery为空,html不是吗?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 获取span值的jquery为空,html不是吗?

Javascript 获取span值的jquery为空,html不是吗?,javascript,jquery,html,Javascript,Jquery,Html,我有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 {pa

我有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
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);
尝试以下操作:(这将逐个返回所有4个跨距内的文本)

尝试以下操作:(这将逐个返回所有4个跨距内的文本)

至少有一件事——你的选择器错了$(“#result1 span”).text()不会提供任何信息,因为result1中没有span,result1是一个span。将选择器更改为$(“#result1”),然后查看得到的结果

只需更改选择器即可:

至少有一件事——你的选择器错了$(“#result1 span”).text()不会提供任何信息,因为result1中没有span,result1是一个span。将选择器更改为$(“#result1”),然后查看得到的结果

只需更改选择器即可:


如果您可以将“需要此文本”放在一个带有id的范围内,那么您只需获取该id的.text()。如果无法更改标记,可以获取span的.html()和“”后内容的字符串匹配,但这非常脆弱。

如果可以将“需要此文本”放在带有id的span中,那么就更容易了,然后只需获取id的.text()。如果无法更改标记,可以获取span的.html()和“”后内容的字符串匹配,但这非常脆弱。

我想我看到了您的问题。 $(“#result1 span”)。text()将等效于$(“#result1”)。find('span')将查找嵌套在“#result1”中的第一个span的文本

看起来“#result1”没有任何嵌套跨距,实际上您希望跨距的文本值为“#result1”


如果我是正确的$('#result1')。text()就是您要查找的代码。

我想我看到了您的问题。 $(“#result1 span”)。text()将等效于$(“#result1”)。find('span')将查找嵌套在“#result1”中的第一个span的文本

看起来“#result1”没有任何嵌套跨距,实际上您希望跨距的文本值为“#result1”


如果我是正确的$('#result1')。text()是您要查找的代码。

如果要检索
1
字符,能否显示该
1
出现的元素?最多(包括)具有
id
的元素,您可以根据该元素进行选择吗?您可以发布完整的html,包括您所说的跨度吗?否则很难判断发生了什么。您是否尝试了
$(“#result1 span”).val()
我尝试了.val.text.html,也更新了帖子谢谢您的支持time@Kyle,请按要求发布HTML。否则这是一个猜测游戏,因为我们看不出哪里出了问题。理想情况下,如果您还可以设置一个或类似的实时演示,那就太好了。如果您想检索
1
字符,您能显示
1
出现的元素吗?最多(包括)具有
id
的元素,您可以根据该元素进行选择吗?您可以发布完整的html,包括您所说的跨度吗?否则很难判断发生了什么。您是否尝试了
$(“#result1 span”).val()
我尝试了.val.text.html,也更新了帖子谢谢您的支持time@Kyle,请按要求发布HTML。否则这是一个猜测游戏,因为我们看不出哪里出了问题。理想情况下,如果您还可以设置一个或类似的现场演示,那就太好了。@Kyle,用小提琴编辑我的答案,这样您就可以看到它的效果。@Kyle,用小提琴编辑我的答案,这样您就可以看到它的效果。谢谢。我很高兴我没有那么做。这将是比需要更多的工作。谢谢你的回答,谢谢。我很高兴我没有那么做。这将是比需要更多的工作。谢谢你的回答。不必抱歉,这是css样式选择器学习过程中常见的一部分。我在早期也经历过同样的困惑。不必抱歉,这是css样式选择器学习曲线中的一个常见部分。我很早就遭受了同样的困惑。
$('#result1').html((Math.random() * 10) >> 0);
$('#result2').html((Math.random() * 10) >> 0);
$('#result3').html((Math.random() * 10) >> 0);
$('#result4').html((Math.random() * 10) >> 0);
$("#result1 span").each (function () {
    console.log($(this).text());
});