jQuery 加载不解析 HTML 变量

Question

我想建立一个文章列表，每篇文章都有不同的缩略图，这个缩略图应该使用 jquery.load 加载，但我有一个问题：

html中每篇文章的缩略图class如下：

thumb{ARTICLE_ID}

现在，给出这个基本示例：

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

如何让 jQuery 解析“{ARTICLE_ID}”变量？

谢谢。

Answer 1

你可以这样实现，例如：

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

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

jQuery 加载不解析 HTML 变量

jQuery Load not parsing HTML Variable

html

javascript

jquery

load