jquery tmpl访问nestd数组中的子元素

发布于 2024-12-21 06:44:17 字数 418 浏览 2 评论 0原文

我正在使用 jQuery 的“tmpl”插件作为模板。现在我有一个数组，其中的元素也是数组，并且我必须访问特定元素。

即数组将是：

var arr = {
  'id':23422,
  'title':'example',
  'images': {'small':'34fge.jpg','original':'dfsdf354.jpg'}
};

现在在寺庙中我想访问 arr[images][small] 但它不起作用。我正在尝试的是：

<div>
  <h3>${title}</h3>
  <img src="${arr}{images}{small}" />
</div>

有人有任何帮助/想法吗？

原文

I am using jQuerys "tmpl" plugin for templates. Now i have an array with elements that are arrays as well and i have to access specific elements.

i.e. the array would be:

var arr = {
  'id':23422,
  'title':'example',
  'images': {'small':'34fge.jpg','original':'dfsdf354.jpg'}
};

And now in the temple i'd like to access arr[images][small] but it doesn't work. What i am trying is:

<div>
  <h3>${title}</h3>
  <img src="${arr}{images}{small}" />
</div>

Anyone any help/ideas?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

愁杀 2024-12-28 06:44:17

使用将给出以下标记：

<div>
  <h3>example</h3>
  <img src="34fge.jpg">
</div>

事实上，images 属性不是嵌套的 < code>array 而是一个带有属性的object。

但是如果您确实想循环遍历嵌套数组，那么您应该使用嵌套模板并稍微更改一下语法（注意图像属性周围的 []）：

Javascript

var arr = {
    'id': 23422,
    'title': 'example',
    'images': [
        { 'small': '34fge.jpg', 'original': 'dfsdf354.jpg' },
        { 'small': '35fge.jpg', 'original': 'dfsdf.jpg' }
    ]
};

模板

<script id="template" type="text/x-jquery-tmpl">
   <div>
     <h3>${title}</h3>
     {{tmpl(images) "#imagesTemplate"}}
   </div>
</script>
<script id="imagesTemplate" type="text/x-jquery-tmpl">
     <img src="${small}" />
     <img src="${original}" />
</script>

Use <img src="${images.small}" /> that will give the following markup:

<div>
  <h3>example</h3>
  <img src="34fge.jpg">
</div>

In fact, the images property isn't a nested array but a object with properties.

But if you really want to loop through a nested array, then you should use a nested template and change your syntax a little bit (note the [] around images property):

Javascript

var arr = {
    'id': 23422,
    'title': 'example',
    'images': [
        { 'small': '34fge.jpg', 'original': 'dfsdf354.jpg' },
        { 'small': '35fge.jpg', 'original': 'dfsdf.jpg' }
    ]
};

Templates

<script id="template" type="text/x-jquery-tmpl">
   <div>
     <h3>${title}</h3>
     {{tmpl(images) "#imagesTemplate"}}
   </div>
</script>
<script id="imagesTemplate" type="text/x-jquery-tmpl">
     <img src="${small}" />
     <img src="${original}" />
</script>

回复收藏 0 原文

~没有更多了~