HTML 태그의 특정 키워드 찾기 및 jquery를 사용하여 대체

내가해야 할 일은 내 HTML에서 특정 문자열을 찾는 것입니다. 발견되면 아무것도 대신 사용하지 않을 것입니다.HTML 태그의 특정 키워드 찾기 및 jquery를 사용하여 대체

특급 :

HTML :

<img src=`javascript:alert("hello ,world!")`>

내가 뭘해야하는 등 자바 스크립트, 경고, 같은 일부 키워드의 발생을 찾기 위해 내가 필요 이상으로처럼 HTML 태그 안에서 발견하는 경우 그것을 빈 문자열로 대체하십시오.

내가 JQuery와

.find(), .replace (같은 몇 가지 유용한 기능을 가지고 알고)과 :

을 포함하지만, 정말 내가이기 때문에 그것을 할 방법을 알아낼 수 없었다 그 좋은 자바 스크립트.

도움을 받으실 수 있습니다.

출처

2012-01-20 wfareed

PHP를 사용하여 서버 (백엔드) 대신 클라이언트 측에서 수행되는 이유는 무엇입니까? 당신이하고 싶은 것은 JS를 통해 HTML 컨텐트를 파싱하는 것입니다 ... – feeela

당신은 개발 단계에서 그리고 실행시에는 일어나지 않기를 바랍니다. – hop

가능한 복제본은 http://stackoverflow.com/questions/8342298/how-to-find-replace-html-with-javascript – hop

당신이하고있는 것은도 정말 쉽게 할 수 jQuery를 필요 것이 아닙니다. 다음은 순수한 JavaScript 예제입니다. 나는 '자바 스크립트'같은 키워드를 찾기 위해 원하는 경우

HTML은

<a id="someLink" src="javascript:alert('hello world!')">LINK THAT DOES STUFF</a> 
//how an image tag can have a JS src is beyond me.

지금의 SRC 속성을 말한다. 내가 처음과 같이 DOM 요소를 얻을 것입니다 : 이제

var domObject=document.getElementByID('someLink') 
/*$('someLink') is jQuery equivalent*/

이가 반환 속성 내가 domObject.getAttribute('src') 를 사용이라고 말했다에서 무엇을 얻을 "자바 스크립트 : ('! 안녕하세요 세계') 경고를"마지막으로

나는 모든 것을 모으고 단순히 내가 무엇을 찾고 있는지를 감지하고 그것을 비우는 기능을 가지고있을 것이다.

function getRidofJavascriptInSrc(object){ 
     a=object.getAttribute('src'); 
     if(/javascript/i.test(a)) //this is REGEX, it will look for the keyword JavaScript and run statement if true 
     {object.setAttribute('src')=""} 
    } 
    getRidofJavascriptInSrc($('someLink'));

출처

2012-01-20 17:28:02 TERMtm

당신이 이미 확인하고 싶은 속성을 이미 알고있는 것이 확실하지 않으므로 이미 알고 있는지 여부에 따라 두 가지 해결책을 제시 할 것입니다. 당신이 키워드를 검색 할 속성을 알고 있다면,이 시도 :

var attribVal = $("img").attr("src"); 
if (attribVal.match(/(javascript)|(alert)/i) 
{ 
    $("img").attr("src", ""); 
}

당신이 속성 이름을 알 수없는 경우, 다음 변수에 HTML을 저장하고 변수의 값에 비교 . 다음 DIV 가정하면 img 태그의 부모가 될 :

<div id="myDiv"> 
    <img src=`javascript:alert("hello ,world!")` id='myImg'> 
</div>

다음을 수행하십시오

var myVar = $("#myDiv").html(); 
if (attribVal.match(/(javascript)|(alert)/i) 
{ 
    $("img#myImg").attr("src", ""); 
}

출처

2012-01-20 17:24:57 Ninja

HTML 태그의 특정 키워드 찾기 및 jquery를 사용하여 대체

답변

관련 문제