如何利用jquery获取div下的<span标签里的值，万分感谢！
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何利用jquery获取div下的<span标签里的值，万分感谢！相关的知识，希望对你有一定的参考价值。
<div id="fileQueue">
<div class="uploadifyQueueItem" id="fileInputRSNNBA">
<div class="cancel">
<a href="javascript:jQuery('#fileInput').uploadifyCancel('RSNNBA')"><img
border="0" src="/PoliceSystemWeb/images/cancel.png">
</a>
</div>
<span class="fileName">IMG_20130907_113235.... (664.94KB)</span><span
class="percentage"></span>
<div class="uploadifyProgress">
<div class="uploadifyProgressBar" id="fileInputRSNNBAProgressBar">
<!--Progress Bar-->
</div>
</div>
</div>
<div class="uploadifyQueueItem" id="fileInputCXHAOP">
<div class="cancel">
<a href="javascript:jQuery('#fileInput').uploadifyCancel('CXHAOP')"><img
border="0" src="/PoliceSystemWeb/images/cancel.png">
</a>
</div>
<span class="fileName">IMG_20130907_113238.... (654.82KB)</span><span
class="percentage"></span>
<div class="uploadifyProgress">
<div class="uploadifyProgressBar" id="fileInputCXHAOPProgressBar">
<!--Progress Bar-->
</div>
</div>
</div>
</div>
我最终想获取<span里的664.94KB和654.82KB。
jquery一点不会！我急着干活，先学不行了，，，，帮忙写一下呗
追答先引入jquery的js包，然后$("#fileInputRSNNBA span").text();试试这个。//如果有几个span不能用这个。
不会jquery就直接用js也可以 ，先给span设一个id="fileName1"
var str=document.getElementById("fileName1");
vat text=str.firstChild.nodeValue;//这是取得第一个span的值
哥们，麻烦帮忙写具体点好吗？jquery一窍不通，要不也不能来问了，从最外层循环取，往里一层的div只有格式是固定的，id不是固定的，且不同的id，个数也不是固定的 谢了。
追答上面写错了，var str=document.getElementById("fileName1");这里是写fileInputRSNNBA，不是fileName1，设了id，可以直接得到value了。
追问fileInputRSNNBA每次都会变，需要用循环取只有最外层的fileQueue是固定的
jquery小测
1.在div元素中,包含了一个<span>元素,通过has选择器获取<div>元素中的<span>元素的语法是? 提示使用has()
$(“div:has(span)”);
2.在<ul>元素中,添加了多个<li>元素,通过jquery选择器获取最后一个<li>元素的方法是?
$("li:last");
3.在页面中有三个<div>元素,采用jQuery中的链式写法,隐藏第二个<div>元素,代码是？ 提示使用hide()
$(“div :eq(1)”).hide();
4.在三个<ul>元素中,分别添加多个<li>元素,通过jQuery中的子元素选择器,将这三个<ul>元素中的第一个 <li>元素隐藏,代码是？ 提示使用first-child
$(“li:first-child”).hide();
5.在页面的表单中增加了多个<input>类型的复选框元素,其中有的处于选中状态,通过jQuery选择器,将这些 选中状态的元素隐藏,代码为？
$(“from input:checked”).hide();
6.如何获取列表框元素中被选中元素的的值,代码为:？
$("select option:selectted").text();
7.使用attr方法,取消id号为test的复选框选中状态代码为:？
$("#test").attr("checked",false);
8.在三个<div>元素中,删除第二个元素的代码为？
$(“dov :eq(1)”).remove();
9.移除已绑定元素事件的方法是？Bind() unbind();
nbind();
10.
如何使用show方法以3秒的速度显示一个id号为test的div元素,代码为?
$("#test").show(3000)
11.编程题
在页面中,添加一个<ul>元素,里面放置多个(至少7个以上)的<li>元素,此外,再添加一个<a>元素.
初始时:<ul>元素中仅显示5个<li>元素,其中包含还包括最后一个<li>元素,<a>元素中的显示"更多"字符.
当点击"更多"链接时,自身内容变为"简化",同时,<ul>元素中显示全部的<li>元素.
当点击"简化"链接时,自身内容变为"更多",同时,<ul>元素中仅显示包含最后一个<li>元素在内的5个元素.
1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2."http://www.w3.org/TR/html4/loose.dtd">
3.<html xmlns="http://www.w3.org/1999/xhtml">
4. <head>
5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6. <title>New Web Project</title>
7. <script src="js/jQuery1.11.1.js"></script>
8. <script type="text/javascript">
9. $(function() {
10. $(".myclass:visible").hide();
11.
12. $("a[href=#]").click(function(){
13. if($(this).text()=="简化"){
14. $(".myclass:visible").hide();
15. $(this).html("更多");
16. }else{
17. $(".myclass:hidden").show();
18. $(this).html("简化");
19. }
20. });
21. });
22. </script>
23. </head>
24. <body>
25. <ul>
26. <li>1111111111</li>
27. <li>22222222222</li>
28. <li>333333333</li>
29. <li>444444444</li>
30. <li class="myclass">55555555</li>
31. <li class="myclass">66666666</li>
32. <li class="myclass">77777777</li>
33. <li>888888888</li>
34. <a href="#">更多</a>
35. </ul>
36. </body>
37.</html>
以上是关于如何利用jquery获取div下的<span标签里的值，万分感谢！的主要内容，如果未能解决你的问题，请参考以下文章