Question

请问如何用JS获取所有LI中第三个<SPAN>里隐藏的内容

<DIV class="time_lbc">
<UL id=index_tab01>
<LI onMouseOver="this.className='b'" onMouseOut="this.className=''">
<span class="cx">XX</span>
<SPAN class="xm">XX</SPAN>
<SPAN class="jie" style="display:none">XX</span>
<SPAN class="list">XX</SPAN>
<SPAN class="address">XX</SPAN>
</LI>
<LI onMouseOver="this.className='b'" onMouseOut="this.className=''">
......
</LI>
....N个LI
</UL>
</DIV>
用获取到的这些数值去对比指定的数值，如果大于指定的数值就设置当前<li>行属性为 display=="none"

Answer 1

<script>
/*假如入指定的数值为15*/
var num=15;
$('#index_tab01 .jie').each(
function()
{
var new_num=$(this).html();
if(new_num>num)
{
$(this).hide();
}
}

);
</script>
希望可以帮到你

追问

好像运行没有效果啊

追答

jquery运行的前提是要有一个基层jquery.js文件，去官网上下一个吧 ，然后引用到当前测试页面 我本地测试过 是可以的

Answer 2

楼上说的基本对，不过应该是你没有使用jQuery的原因无法运行。全文应该是
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
var yourValueSetting = 15; //你需要什么值就设什么值
$(document).ready(function(){
$('#index_tab01 > li > span.jie").each(function(){
var obj = $(this);

if(parseInt(obj.text(), 10) > yourValueSetting) {

obj.hide();

} else {

obj.show();

}

});
});
</script>

另外，建议你规范html的语法规则，例如id=index_tab01应为id="index_tab01"，onMouseOver，onMouseOut看起来舒服，但是按照规范必须是全部小写字符

Answer 3

var num = "15";
$("#index_tab01 li").each(function(){
var _text = $(this).find("span").eq(2).text();
if(_text > num) $(this).parent().hide();
})