欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

jquery 获取元素背景图片backgroungImage的url

(元素模板) / 2022-11-23 16:02

jQuery使用css()方法获取background-image属性值返回的结果是url('path')而不是图片url,要获取背景图片属性background-image中图片路径的值,可以通过split()或replace()获取。

方法一:
 

var _bk = $('.bgImg').css('backgroundImage');
var _src = _bk.split('(')[1].split(')')[0];
alert(_src);

代码意思:

1、获取background-image属性值url('path')

2、使用split分割获取url('path')中(之后的部分'path')

3、把2中获取的值'path')再通过split()分割获取)之前的部分'path'就是图片的url了

方法二:


var _bk = $('.bgImg').css('backgroundImage');
var _src = _bk.replace('url(','').replace(')','');

通过匹配获取图片的url

Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com