遍历页面中所有的ul并对内部li进行操作

遍历页面中所有的ul并对内部li进行操

如果页面中有多个元素，可以使用jquery提供的方法，进行遍历，如下以ul来举例子

如果我们对其中的第一个ul内容进行处理可以使用jquery提供的方法如下代码

$('ul').each(function(i,u){
				// j 是索引 l是li元素
				$(u).find('li').each(function(j,l){
					修改每个ul内第一个li的文本
					if(j==0){
						$(l).text('修改了');	
					}
				});
			});

如果我们想要修改 li内非其他元素内的文本，如下将红框内的水果改成 商品使用
使用如下代码便可以解决

$('ul').each(function(i,u){
				
				$(u).find('li').each(function(j,l){
					if(j==0){
						$(l).contents().each(function(k,e){
							// nodeType 3 是文本
							if(e.nodeType==3){
								e.nodeValue = '商品';
							}
							//nodeType 1 是元素
							/*if(e.nodeType==1){
								$(e).text('hahhah');
							}*/
						});
					}
				});
			});