怎么用JQuery读取<div>里面的IMG标签的属性

怎么用JQuery读取<div>里面的IMG标签的属性,第1张

$(function(){

$('img')css({"width":"240px","height":"200px"});

})

在JQUERy中,定位一个元素的标签,不需要ID也是可以的,希望多了解,它是万能选择器

//新建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;

}

img-id: new regex("(<=<img id=\")(=\")")input-id: new regex("(<=<input id=\")(=\")")input-name: new regex("(<=<inputname=\")(=\")")

var reg = /<img[^>]id[=\"\'\s]+([^\"\'])[\"\'][^>]>/gi;

var html = documentbodyinnerHTML;

while(regexec(html)){

consolelog(RegExp$1);

}

以上就是关于怎么用JQuery读取<div>里面的IMG标签的属性全部的内容,包括:怎么用JQuery读取<div>里面的IMG标签的属性、正则获取[img][/img] <img src=""> 标签图片、正则表达式获取<img>以及<input>标签中的ID 和Name,有引号以及没有引号的都能够获取。提供给C#语言利用等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9453026.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存