Question

我有一个索引路由，它将数据库中的所有持久图像实体呈现为以下格式：

<div class="image field">
  <h3>image-name</h3>
  <img src="imagefilename.jpg" />
</div>

我现在如何在每个呈现的div-image-container中呈现一个id，jquery可以解析它并用于ajax？

忘记忘记：

我不是指一个整数形式的id，而是一个字符串（slug）

Answer 1

根据HTML5，最合适的方法是使用id和其他用户定义属性的数据属性：

<div class="image field" data-id="1">
  <h3>image-name</h3>
  <img src="imagefilename.jpg" />
</div>

您可以使用id而不是data-id。但我认为 id 属性用于DOM操作，而data-id是基于逻辑的attrubute。

Answer 2

您需要在id标记中添加<img>，或者您可以使用JQuery选择器来选择具有相同<div>结构的每个元素

请参阅jsfiddle

<div class="image-field">
    <h3>image-name</h3>
    <img src="image.png" />
</div>

$(function() {
   alert($('div.image-field img').attr('src'))
})

// will output: "image.png"

注意：我已修改了此示例中包含id的{{1}}

如果您在网页上有多个这样的内容，则可以按照此JSFiddle

所示循环显示它们

HTML：存储实体ID的元素/属性

2 个答案: