遍历页面中所有的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');}*/});}});});

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

jQuery遍历页面中的标签
遍历html页面中所需要的元素是一个很常见的操作; $(a).each(function(){b}) //就是这种形式来遍历元素的,a=需要遍历的元素对象,div,button等等;b是你遍历时想做的 ...
html2canvas截图页面中某块区域的图不全_截图操作千千万，唯舒适最重要！你更Pick谁？...
手机截屏是大家日常用的最频繁的功能之一,这种方式方便了大家以图片的形式进行信息传递.那么今天,就带大家来看看iOS.ColorOS.MIUI.EMUI在不同场景下的多种截屏方式,你更Pick谁? 及时 ...
java 移动页面中的图片上传_移动端图片操作——上传
上传我们一般都是用"input[type=file]"控件.当你用此控件时,你就授权了网页和服务器访问对应的文件,就可以得到File对象. 友情提示在,在Android手机webv ...
Maps模块管理地图控件，用于在web页面中显示地图控件，提供各种接口操作地图控件，如添加标点、路线等。通过plus.maps可获取地图管理对象
方法: openSysMap: 调用系统第三方程序进行导航 create: 创建Map对象 getMapById: 查找已经创建的Map对象对象: Map: 地图控件对象 MapStyles: 地图 ...
spark rdd map java_Spark map 遍历rdd中的每个元素
Map操作主要是遍历rdd中的每个元素,对每个元素进行操作并返回,代码如下: public static void myMap(){ List numbers=Arrays.asList(1,2,3, ...
用jQuery封装的Ajax把json数据展示到页面中去
实现一个聊天页面我们下来看一下效果图中的聊天信息先把它放在json数据中,通过jQuery封装的Ajax来把数据拿过来,再把它展示到页面中去,分为以下几步为了方便操作,我们直接使用php stu ...
VM页面中遍历枚举类
1)自定义的枚举类如下所示: public enum BusType {MID_SMALL(1, "中小件"),FRESH(2, "生鲜"),GLOBAL_SH ...
html5 ul li 自动收回,vue遍历四个ul ，每个ul中有四个li.如何不破坏html结构？
由于页面中使用了css3方法 ul>li*4 margin-right:0; 导致只能用ul允许存在四个li .不然在ul多了五个li. 页面就不好看了. // CurriculumSpeci ...
js页面中实现加载更多功能
js页面中实现加载更多功能分页-如何实现加载更多功能,目前的在很多网站上使用的加载更多功能中,使用最多的是iscroll.js实现的上拉加载更多.下拉刷新功能.但是iscroll.js本身并没有集成 ...

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

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

最新文章

热门文章