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

jquery 遍历解决方法

2013-01-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
[解决办法]


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

热点排行