读书人

jquery 遍历解决思路

发布时间: 2012-02-04 15:43:09 作者: rapoo

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> 

读书人网 >跨浏览器开发

热点推荐