jQuery Load not parsing HTML Variable

Question

I would like to build a list of articles with a different thumbnail for each one, and this thumbnail should be loaded using jquery.load, but I have one problem:

The class of each article's thumbnail in html is as follows:

thumb{ARTICLE_ID}

Now, given this basic example:

<i class="thumb{ARTICLE_ID}"></i>
<script>$('thumb{ARTICLE_ID}').load("https://somewebsites.com .itemimg");</script>

How can I Make jQuery parse "{ARTICLE_ID}" variable?

Thank you.

user6748331 · Accepted Answer · 2017-11-08 19:46:08Z

1

You can achieve it this way, for example:

<i class="thumbnail" data-article-id="{ARTICLE_ID}"></i>

<script>
  $('.thumbnail').each(function () {
    $(this).load("https://somewebsites.com/" + $(this).data('article-id'))
  })
</script>

answered Nov 8, 2017 at 19:46

user6748331

Sign up to request clarification or add additional context in comments.

3 Comments

v3ntus Over a year ago

Thank you for your reply. Unfortunately this is not working, no console errors, but nothing is loading. Shouldn't 'article-id' be before the .load?

user6748331 Over a year ago

Provide here your exact code. Problem is unfortunately on your side, this script works.

v3ntus Over a year ago

Thanks for your prompt reply. I started a chat with you, if you have time, thanks again.

Collectives™ on Stack Overflow

jQuery Load not parsing HTML Variable

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related