怎么在项目众多文件中精确定位到标签的class名和id名

1.在查找HTML中的标签或者查找标签里的id或者class的时候,一定要注意,在浏览器虽然能看到元素的id名和class名,但就是在项目文件中查找不到id名或者class名的时候,这时千万不要以为项目中没有这个文件或者没有id名和class名,因为很多编程高手都习惯将id名和class名是以字符串拼接的方式生成的

这时,因为定位不到id名和class名,查找最好的办法就是查找它的上级元素,一级一级的来,总有一级不是以字符串的形式拼接的,查找到之后,发现还是有很多匹配的文件,这时,找到最具有可能性的那个文件(先找HTML文件,然后JS,不用找CSS文件),进去在元素标签上新增一个属性,这里我举个例子:

因为项目是用wordpress搭建的,而wordpress很多的id名和class名是拼接的,很难查找。现在我要查找这么一个标签:

就是class名为capabilities的span标签,可是我搜索到的结果有1000+,你是不可能一个一个核对的,所以你只能优先查看HTML文件,然后再就是JS文件,CSS文件不用查看。

所以只能查找父元素row-actions,查找之后,先看HTML文件,进去之后,重点来了!这里要敲黑板了!

在父元素标签上新增一个属性,属性名随便取(不能中文),然后随便给一个值就好了,就知道这个父元素是不是你要查找的父元素,比如这里我新增一个index="666"的属性,然后刷新页面再去浏览器去查看:

发现有了自己新增的属性显示,那么便说明你修改的地方就是你要查找的地方。然后在指定的地方去操作你想要操作的标签。

猜你喜欢

转载自blog.csdn.net/Charles_Tian/article/details/81538473