Czy istnieje sposób, aby zapobiec ładowaniu obrazów w jQuery zobiektywizowany fragment HTML

Question

Mam fragment HTML, który jestem objectifying przez jQuery w celu wydobycia z niego niektórych danych. Ten fragment zawiera zasoby graficzne, których nie chcę pobierać do przeglądarki. Czy jest sposób, aby to zrobić?

Uproszczona wersja mojego aktualnego kodu:

var html = '<p class="data">Blah Blah</p>...<img src="https://stackoverflow.com/a/b/...png">...<div>...</div>'; 

var obj = $(html); // this makes the browser download the contained images as well!!! 

var myData = { 
    item_1: obj.find('.data:first').text(), 
    item_2: obj.find('.data2:first').text(), 
    .... // and so on.. 
}; 

Answer 1

Chyba że uważasz, że będzie wystąpień podciągu src= w struny, które są dla Ciebie ważne, można zrobić:

html = html.replace(/src=/g, "data-src="); 

lub prawdopodobnie

html = html.replace(/src\s*=/g, "data-src="); 

... w celu uwzględnienia białych znaków. W ten sposób przeglądarka nie zobaczy atrybutu src i nie uruchomi pobierania.

Czasami bezpośrednie podejście jest najlepsze. Oczywiście, jeśli uważasz, że mogą istnieć podciągi, które będą miały znaczenie pod względem tego, co próbujesz wyodrębnić, to ...