js 정규 모든 그림 및 그림 주소 src 와 일치 하 는 방법
우 리 는 글 속 의 그림 을 사용 해 야 할 때 가 많 습 니 다. 그리고 주로 그림 주 소 를 사용 합 니 다. 이 럴 때 우 리 는 정규 로 그림 라벨 을 일치 시 킨 다음 에 우리 가 필요 로 하 는 데 이 터 를 해 야 합 니 다.
평소에 정규 도 잘 안 쓰 고 배우 지 않 으 면 잊 어 버 려 요. 요즘 프로젝트 가 필요 해 요. 그리고 또 골 레 에 갔 어 요. 너무 복잡 해 요!한 무더기 한 무 더 기 를 뒤 져 보 니 내 가 원 하 는 것 도 아니 었 고 마지막 에 자신 을 남 겨 두 었 다가 사용 되 었 다.
실현: js 정규 매 칭 을 통 해 모든 그림 과 모든 그림 주소 src.
사고: 1. 그림 img 태그 와 일치 합 니 다 (즉, 모든 그림 과 일치 합 니 다). 필요 하지 않 은 다른 문 자 를 걸 러 냅 니 다.
일치 하 는 결과 (img 태그 에서) 순환 으로 그림 주소 (즉 src 속성) 와 일치 합 니 다.
코드: (로 컬 로 복사 해 보 세 요)
// : (yanue).
//1, img ( ),
//2. (img ) ( src )
var str = "this is test string <img src=\"http:yourweb.com/test.jpg\" width='50' > 123 and the end <img src=\" .jpg\" /> 33! <img src=\"/uploads/attached/image/20120426/20120426225658_92565.png\" alt=\"\" />"
// (g i )
var imgReg = /<img.*?(?:>|\/>)/gi;
// src
var srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i;
var arr = str.match(imgReg);
alert(' :'+arr);
for (var i = 0; i < arr.length; i++) {
var src = arr[i].match(srcReg);
//
if(src[1]){
alert(' '+(i+1)+':'+src[1]);
}
// src
if (src[0]) {
var t = src[0].replace(/src/i, "href");
//alert(t);
}
}
PS: 여기 서 여러분 께 매우 편리 한 정규 표현 식 도구 2 가 지 를 제공 합 니 다. 참고 하 시기 바 랍 니 다.
JavaScript 정규 표현 식 온라인 테스트 도구:http://tools.jb51.net/regex/javascript
정규 표현 식 온라인 생 성 도구:http://tools.jb51.net/regex/create_reg
본 논문 에서 말 한 것 이 여러분 의 자바 script 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.