首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > 跨浏览器开发 >

jquery 遍历解决思路

2012-02-04 
jquery 遍历div idaulliu100/uu300/uu500/u/li/ululliu100/uu300/u

jquery 遍历
<div id="a">
<ul><li><u>100</u><u>300</u><u>500</u></li></ul>
<ul><li><u>100</u><u>300</u><u>500</u></li></ul>
<ul><li><u>100</u><u>300</u><u>500</u></li></ul>
<ul><li><u>100</u><u>300</u><u>500</u></li></ul>
<ul><li><u>100</u><u>300</u><u>500</u></li></ul>
</div>

用jquery怎么实现改变所有html() 为“100”的<u>的class

[解决办法]

HTML code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script type="text/javascript">$(function(){    $("u").contents().each(        function(){            if(this.nodeValue==100) $(this).parent().addClass("new");        }    )})</script><style>.new{background:red}</style><div id="a"><ul><li><u>100</u><u>300</u><u>500</u></li></ul><ul><li><u>100</u><u>300</u><u>500</u></li></ul><ul><li><u>100</u><u>300</u><u>500</u></li></ul><ul><li><u>100</u><u>300</u><u>500</u></li></ul><ul><li><u>100</u><u>300</u><u>500</u></li></ul></div> 

热点排行