在js 或者jquery 里怎么判断一个img标签有没有data-src属性

js中获取image的src值的语句：

var path = $('#suolue')attr('src');

var path = documentgetElementById("suolue")src;

var path = $("#suolue")[0]src;

以上三种方法都可以，具体输出内容可以alert()出来调试一下就知道啦~

$str = <<< CODE

<img width="100" id="ab_0" name="ab_0" height="80" src="images/abjpg" />

CODE;

preg_match('/(<=src="images\/)[a-z]+/i',$str,$arr);

print_r($arr);

因为是自己封装的组件    发现根本不显示

解决方法

引用本地需要加上require，使用require定义之后，就可以动态使用了，不用require你就只能写死的。不用 :src="’…/img/imagejpg’" 会被解析为字符串

在JavaScript中提取就可以了，我给你写个函数，你直接调用就可以了

<script>

function getSrc(){

var imgs=documentgetElementsByTagName("IMG");

for(var i=0;i<imgslength;i++){

alert(imgs[i]src);

}

//如果你只想得到一个的话

//var src=documentgetElementById("img标签的id")src;

}

</script>

//新建regexJsUtiljs文件

/

@Description:8、获取正则匹配目标字符串

@param fatherStr 源完整字符串 "this is test string <img src=\">

@param myreg 源子字符串格式（正则表达式)

（1）正则匹配img src，并获取匹配结果。（此处可匹配前三种）

myreg=/<(img|IMG)(>|\/>|><\/img>)/gi;

myreg=/<(img|IMG)src="\(jpg|gif|bmp|bnp|png)"(>|\/>|><\/img>)/gi;

（2）正则匹配src="文件路径"，并获取匹配结果。（此处可匹配前三种）

myreg=/src=['"]([^'"])['"]/gi;

myreg=/src=['"]\(jpg|gif|bmp|bnp|png)['"]/gi;

myreg=/src=(['"][^'"]['"])/gi;//注意，此行正则得到的matchArr[1]不建议使用，有问题；具体可自行浏览器调试查看对比。

（3）正则匹配img src，并获取匹配结果。（此处可匹配四种）

myreg=/(<img|<IMG|\[img\])(>|\/>|><\/img>|\[\/img\])/gi;

myreg=/(<img|<IMG|\[img\])src="\(jpg|gif|bmp|bnp|png)"(>|\/>|><\/img>|\[\/img\])/gi;

@Remark:

以下4种img标签样式

<img alt="" src="static/file/tempFile/1jpg">

<img alt="" src="static/file/tempFile/2jpg"/>

<img alt="" src="static/file/tempFile/3jpg"></img>

[img]static/file/tempFile/4jpg[/img]

@debugger;

（2）正则匹配src="文件路径"，并获取匹配结果。（此处可匹配前三种）

当正则匹配规则为 myreg=/src=(['"][^'"]['"])/gi;

执行右侧代码，并在浏览器控制台调试 if (matchArr[0] != '') {

// "src=>

var srcSonStr0=matchArr[0]replace("src=", "");

// ">

var srcSonStr1=matchArr[1];

strArrpush(srcSonStr1);

}

/

function getMatchTargetStr(){

var fatherStr="this is test string <img src=\">

var myreg=/(<img|<IMG|\[img\])(>|\/>|><\/img>|\[\/img\])/gi;

/###-正则匹配方式3，遍历源完整字符串，依次正则匹配，若匹配成功则返回匹配结果-###/

// 定义一个数组，用于存取正则匹配目标字符串

var wordArr = new Array();

wordArr=ergoticMyregFun3BackMatcherData(fatherStr,myreg);

consolelog("while循环遍历，得到正则替换后的"+wordArr);

consolelog(wordArr);

return wordArr;

}

/

@Description: 正则匹配方式3，遍历源完整字符串，依次正则匹配，若匹配成功则返回匹配结果

@param fatherStr 源完整字符串

@param myreg 源子字符串格式（正则表达式）

/

function ergoticMyregFun3BackMatcherData(fatherStr,myreg){

// 定义一个数组，用于存取正则匹配目标字符串

var strArr = new Array();

while(true){

var matchArr = myregexec(fatherStr);

if(matchArr){

for(var i=0;i<matchArrlength;i++){

consolelog("for循环遍历"+matchArr[i]);

}

consolelog(matchArrindex);

if (matchArr[0] != '') {

var srcSonStr=matchArr[1];

strArrpush(srcSonStr);

}

}else{

break;

}

}

return strArr;

}

fso = ServerCreateObject("ScriptingFileSystemObject")

if fsofileexists(servermappath("aa\ssjpg")) then

responsewrite "<img src='ssjpg'>"

else

responsewrite "<img src='ss12jpg'>"

end if

以上就是关于在js 或者jquery 里怎么判断一个img标签有没有data-src属性全部的内容，包括:在js 或者jquery 里怎么判断一个img标签有没有data-src属性、php怎么获取图片的src、关于Img标签绑定:src不显示图片等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！