读书人

怎么用jquery取道下面的值

发布时间: 2014-01-05 18:22:56 作者: rapoo

如何用jquery取道下面的值
如何取到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>
[解决办法]
后面仍然多了两个</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()

[解决办法]
换个角度去构造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>

读书人网 >JavaScript

热点推荐