日期:2014-05-17  浏览次数:20670 次

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>