Как получить конкретные символы из строки в JQuery

Question

я следующий HTML, не может использовать «атр», так по мне только подстрока является возможность получить конкретные данные из следующего HTML:

<video poster="images/IMG_4979.jpg" controls=""><source type="video/mp4" src="video/IMG_4979.mp4"></source></video> 

На самом деле , я хочу получить постер данные тега. я попытался следующим образом, но он всегда возвращает неверные данные.

var pswp.currItem.html = '<video poster="images/IMG_4979.jpg" controls=""><source type="video/mp4" src="video/IMG_4979.mp4"></source></video>' 
var misc = pswp.currItem.html.substring(0, pswp.currItem.html.indexOf('controls')); 
alert(misc) 

я создал «pswp.currItem.html», как вар здесь, так что это может быть легко понять, но он исходит из этого «pswp.currItem.html» объекта, на котором атр является не работает.

, пожалуйста, помогите мне, как я могу получить данные тега плаката. (путь изображения)

Answer 1

Вы можете передать строку объекту JQuery.

Я сломал для вас отдельные шаги для легкого понимания.

// this is your HTML string 
 
var html_str = '<video poster="images/IMG_4979.jpg" controls=""><source type="video/mp4" src="video/IMG_4979.mp4"></source></video>'; 
 

 
// now we create a JQuery object from your string 
 
var $jq_obj = $(html_str); 
 

 
// now we can access the JQuery object as if it were part of the DOM 
 
var poster = $jq_obj.attr('poster'); 
 

 
// log the attribute 
 
console.log(poster);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

Answer 2

Почему вы не можете использовать attr? Почему вы пытаетесь присвоить значение объекту?

var posterTag = $('video').attr('poster'); 

Answer 3

Это будет работать, если формат строки pswp.currItem.html остается неизменным.

var poster_image_path = pswp.currItem.html.split('"')[1] 

Answer 4

Атрибут attr не может работать на пользовательском объекте pswp.currItem.html, но это, конечно, будет работать, если обернуть эту строку с JQuery:

var poster = $(pswp.currItem.html).attr('poster');