如何用jquery取道下面的值

chenqishanghai 2014-01-04 08:46:52
如何取到div class="a"下面<div style="display: block; "><span class="num">的值2500

<div class="a">
<div style="display: block; ">
<table>
<tbody><tr>

<div class="title">
<span class="num">2500</span>
</div>
</div>
</td>
</tr>
</tbody></table>
</div>


<div style="display: none; ">
<table>
<tbody><tr>

<div class="title">
<span class="num">2700</span>
</div>
</div>
</td>
</tr>
</tbody></table>
</div>


</div>
...全文
93 4 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
泡泡鱼_ 2014-01-04
  • 打赏
  • 举报
回复
换个角度去构造DOM,类似于这样加多个虚拟的class,是不是简单多了呢?
<div class="a"> 
    <div style="display: block; "> 
        <div class="title"> 
            <span class="num show">2500</span> 
        </div> 
    </div> 
</div> 
  
<div style="display: none; "> 
    <div class="title"> 
        <span class="num hide">2700</span> 
    </div> 
</div>
bobbyworm 2014-01-04
  • 打赏
  • 举报
回复
后面仍然多了两个</div>,不过就算了,整理一下格式:

<div class="a">
	<div style="display: block; ">
		<div class="title">
			<span class="num">2500</span>
		</div>
	</div>
</div>

<div style="display: none; ">
	<div class="title">
		<span class="num">2700</span>
	</div>
</div>
可以这样取:

$('div.a>div:visible .num').text()
//或者
$('div.a>[style*="block"] .num').text()
chenqishanghai 2014-01-04
  • 打赏
  • 举报
回复
改成这样如何?请教一下如何取到 <div class="a"> <div style="display: block; "> <div class="title"> <span class="num">2500</span> </div> </div> </div> <div style="display: none; "> <div class="title"> <span class="num">2700</span> </div> </div> </div> </div>
bobbyworm 2014-01-04
  • 打赏
  • 举报
回复
你这个html结构不规范,<div style="display: block; ">和<table>标签交叉了

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧