Cách dễ nhất để kiểm tra xem chuỗi có chứa bất kỳ thẻ hình ảnh nào không?

Question

Ví dụ tôi có văn bản:

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

Tôi muốn viết hàm kiểm tra xem trong chuỗi là img thẻ và trả lại true

Answer 1

sử dụng 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

Rõ ràng, các biểu thức chính quy không khuyên bạn nên phân tích cú pháp HTML, tuy nhiên, tùy thuộc vào cách bạn đang sử dụng, bạn có thể muốn được assu màu đỏ rằng các thẻ img có một thẻ kết thúc tương ứng. Đây là một biểu hiện một chút mạnh mẽ hơn bình thường cho rằng:

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

khớp Test Cases:

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

Test Cases khớp:

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

Khi bạn kết hợp nó, bạn có thể dễ dàng xử lý nó với sau đó, trình phân tích cú pháp XML hoặc HTML sẽ kiểm tra xem nó có thuộc tính src hay không.