• 2022年8月26日

layui通过jquery获取html元素相关

1、实例化jquery

layui.use([‘jquery’]),function(){
var $ = layui.jquery;
}

2、获取元素

$(‘.hello’) 获取class=”hello”的元素

$(‘#hello’) 获取id=”hello”的元素

$(‘#hello’).children(‘img’) 获取id=”hello”元素包含的所有img标签元素

$(hello) 获取html元素对象

3、关于forEach及获取img的src值内容(img的src平时都是相对路径,直接引用返回的是绝对路径)

$('#hello').children('img').forEach(function(item,index){
//报错,提示children.forEach is not a function,因为这样获取到的是伪枚举类型
})
Array.from($('#hello').children('img')).forEach(function(item,index){
//正确使用方式
    console.log(item.src);//获取到的是绝对路径,包含 http://localhost/部分
    console.log(item.attr('src'));// 错误引用方式,无法获取到值
    console.log($(item).attr('src'));//获取到的是src里面的值
})

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注