贴一下代码

HTML layui-box layui-code-view" style="margin: 20px; padding: 0px 20px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; background-color: rgb(255, 255, 255); border-top: none; border-right: none; border-bottom: none; border-left: 5px solid rgb(234, 238, 241); border-image: initial; overflow: hidden; position: relative; font-size: 12px; color: rgb(102, 102, 102); font-family: monospace, serif;">
code

code
$(document).ready(function(){
let $picurl = $('.nav ul li img');
$picurl[1].attr('src','/themes/mobile/images/list1.png');
console.log($picurl[0]);
$picurl.each(function(index,item){
let $imgurl = item.src.split('/').pop().substring(4,5);
$imgurl = index;
console.log(item.src);
let url = '/themes/mobile/images/list'+$imgurl+'.png';
})
})

调了很久终究处理：

$(…)[0] 返回的是一个dom工具

而 attr() 方式 只能被JQuery工具所利用

所以，可以用$(…).eq()

补充一下

DOM工具和jquery工具的区分

code
var domObj = document.getElementById(“id”); //DOM工具
var $obj = $("#id"); //jQuery工具;

KaTeX parse error: Expected 'EOF', got '#' at position 3: (“#̲img”).attr(“src…(“#img”)就是获得jQuery工具；

document.getElementById(“img”).src=”test.jpg”;//这里的document.getElementById(“img”)就是DOM工具；

再说一个例子：就是this，我在写jQuery的时辰经常这样写：

this.attr(“src”,”test.jpg”);

可是就是出错。实在this是DOM工具，而

.attr(“src”,”test.jpg”)

是jQuery方式，所以出错了。要处理这个题目就要将DOM工具转换成jQuery工具，例如：

$(this).attr(“src”,”test.jpg”);

DOM工具和jquery工具的转换

DOM工具转成jQuery工具:

对于已经是一个DOM工具，只需要用$()把DOM工具包装起来，便可以获得一个jQuery工具了。

方式：$(DOM工具)

var v=document.getElementById(“v”);  //DOM工具

var $v=$(v);    //jQuery工具

1

2

jQuery工具转成DOM工具:

两种转换方式将一个jQuery工具转换成DOM工具：[index]和.get(index);

(1)jQuery工具是一个数据工具，可以经过[index]的方式，来获得响应的DOM工具。

var $v =$(“#v”) ; //jQuery工具

var v=$v[0];    //DOM工具

alert(v.checked)   //检测这个checkbox能否被选中

1

2

3

(2)jQuery自己供给，经过.get(index)方式，获得响应的DOM工具。

var $v=$(“#v”);  //jQuery工具

var v=$v.get(0);   //DOM工具

alert(v.checked)  //检测这个checkbox能否被选中