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

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
------解决方案--------------------

<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>