0

データベースからのすべての永続化された画像エンティティを次のような形式にレンダリングするインデックスルートがあります。

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

jqueryが解析してajaxに使用できるレンダリングされた各div-image-containerでIDをレンダリングするにはどうすればよいですか？

忘れてください：

整数の形式ではなく、文字列（スラッグ）としてのIDを意味します

4

2 に答える 2

2

HTML5によると、最も適切な方法は、idおよびその他のユーザー定義属性にデータ属性を使用することです。

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

data-idの代わりにidを使用できます。しかし、id属性はDOM操作用であり、data-idはロジックベースの属性であると思います。

于 2012-05-25T13:41:11.557 に答える
1

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では、包含を変更しましたdiv

ページにこれらが複数ある場合は、このJSFiddleに示すようにループできます。

于 2012-05-25T13:33:03.353 に答える