을 사용하여 블로그 기사의 콘텐츠를 추출하는 블로그로 Shopify 웹 사이트를 수정해야합니다 {{ article.content }}. 이 방법은 기사의 전체 내용을 가져 오지만 이미지는 별도로 가져와야합니다. '메인'이미지가 아니라 블로그 기사의 내용에 포함 된 모든 이미지를 의미합니다. 어떻게 할 수 있습니까? 이미지 경로가 포함 된 JS 배열을 얻을 수 있다면 멋질 것입니다.
기사가 div에 있다고 가정 해 보겠습니다. 처럼
<div class="article-content">{{ article.content }}</div>
이제 해당 div 아래의 모든 이미지를 배열에 넣을 수 있습니다.
$(document).ready(function(){
// To save all images in an array named img_array
var img_array = $('.article-content img').map(function() {
return $(this).attr("src");
});
// You can run a for loop to display the images in the array.
for (var i=0; i<img_array.length; i++) {
alert(img_array[i]);
}
});
도움이되는지 알려주세요.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다