Wie kann am einfachsten überprüft werden, ob eine Zeichenfolge ein Bild-Tag enthält?

Question

Zum Beispiel habe ich Text:

"testestestestt testestestes <img src='image.jpg'>" 

I Funktion schreiben wollen, die in String überprüfen, ob img Tag ist und das Rück true

Answer 1

regex:

"testestestestt testestestes <img src='image.jpg'>".match(/<img/) 

Answer 2

var str = "testestestestt testestestes <img src='image.jpg'>"; 
var hasImg = !!$('<div />').html(str).find('img').length 

Answer 3

Offensichtlich Reguläre Ausdrücke werden nicht zum Analysieren von HTML empfohlen, je nachdem, wie Sie dies verwenden, möchten Sie jedoch möglicherweise assu sein rot, dass die img-Tags ein entsprechendes End-Tag haben. Dies ist ein etwas robustere regulärer Ausdruck dafür:

if("<img>TestString</img>".match(/<img[^<]*>[\w\d]*<\/img>|<img[^\/]*\/>/i)) 
{ 
    alert('matched'); 
} 
else 
    alert('nope'); 

Matched Testfälle:

- blahsdkfajsldkfj<img blah src=\"\">iImmage123dfasdfsa</img> 
- blahsdkfajsldkfj<img>iImmage123dfasdfsa</img>asdfas 
- <img src=\"\"></img> 
- <img></img> 
- <img /> 

Unübertroffene Testfälle:

- <img (other regex would match this) 
- <img> 

Sobald Sie es passen können Sie diese leicht verarbeiten mit Ein XML- oder HTML-Parser wird dann überprüft, ob er das src-Attribut usw. hat.