Анализировать строка с JavaScript

Question

У меня есть элемент на форме:

<img src="/media/BodyPart_7d0cf57e-a461-44fd-903f-ce77b005e299/300/0" class="media-item"> 

Я хочу, чтобы извлечь Bodypart_xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx

Здесь их масок строки "/{anyt-ext-here}/BodyPart_xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx/{any-number-here}/{any-number-here}"

Что такое лучший день это сделать?

Answer 1

Нечто подобное:

var output= document.querySelector("#output"); 
 
var img= document.querySelector(".media-item"); //assuming there is only the wanted img of this class 
 

 
var extracted_string= img.src.match(/BodyPart[^\/]*/); 
 
if(extracted_string) 
 
    output.innerHTML= extracted_string; 
 
else 
 
    output.innerHTML= "no match found"; 
 
    

<img src="/media/BodyPart_7d0cf57e-a461-44fd-903f-ce77b005e299/300/0" class="media-item"> 
 

 
<div id="output"></div>

Answer 2

Попробуйте этот код:

var input = "<img src=\"/media/BodyPart_7d0cf57e-a461-44fd-903f-ce77b005e299/300/0\" class=\"media-item\">"; 
var matches = input.match(/^<img src=.*\/(BodyPart\_\w{8}\-\w{4}\-\w{4}\-\w{4}\-\w{12})\//); 

alert(matches[1]); 

Выход:

BodyPart_7d0cf57e-a461-44fd-903f-ce77b005e299 

Answer 3

Попробуйте с использованием .split(), .filter()

var img = document.querySelectorAll("img[src*=BodyPart]")[0]; 
 
var res = img.src.split("/").filter(function(src, i) { 
 
      return /BodyPart/.test(src) 
 
      })[0]; 
 
console.log(res);

<img src="/media/BodyPart_7d0cf57e-a461-44fd-903f-ce77b005e299/300/0" class="media-item">