匿名質問者
匿名質問者匿名質問者とは「匿名質問」を利用して質問した質問者。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら

jQueryの配列指定


宜しくお願いします。今、以下の様なコードを作りたいと思っています。
ECサイトでよくある、新着商品が10個並んでたりとかのイメージです

< ul>
<!--↓ここをjqueryでだしたい-->
 < li>< a href="hogehoge">< img src="hugahuga.jpg">テキストテキスト</a></li>
 < li>< a href="hogehoge">< img src="hugahuga.jpg">テキストテキスト</a></li>
 〜〜〜〜
<!--↑ここをjqueryでだしたい-->
< /ul>

毎回HTMLファイルを直接操作するのは面倒なので、jqueryで変数にリンク先、画像リンク先、テキストを定義して、ループで出したいと思っています。

やりたいことはわかってるのですが、実際にどのような記述をすればよいのかネットで探してもいまいちよくわかりませんでした。

具体的なコード記述方法を教えていただけると嬉しいです。

よろしくお願い致します。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2014/10/10 14:51:43
  • 終了:2014/10/14 13:17:09

ベストアンサー

匿名回答1号 No.1

匿名回答1号「匿名質問」を利用した質問に回答すると「匿名回答○号」と匿名で表示されます。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら
2014/10/10 17:35:52

var li = [
  {href:'hogehoge', src:'hugahuga.jpg'},
  {href:'hogehoge', src:'hugahuga.jpg'},
  {href:'hogehoge', src:'hugahuga.jpg'},
  {href:'hogehoge', src:'hugahuga.jpg'},
  {href:'hogehoge', src:'hugahuga.jpg'},
];

function makeElement(href, src){
  var img = document.createElement('img');
  img.src = src;
  var a = document.createElement('a');
  a.href = href;
  a.appendChild(img);
  var li = document.createElement('li');
  li.appendChild(a);
  return $(li);
}

var target = $('ul');
li.forEach(function(x, i, arr){
  target.append(makeElement(x.href, x.src))
});
他4件のコメントを見る
匿名回答2号

よく読んで見つけてくるんだよ。

おー。

# スターが付けられなくて、残念 X-|

2014/10/11 18:27:38
匿名質問者

匿名回答1号様

ご連絡が遅くなりました。お陰様で無事に解決致しました。
ありがとうございます。

また何か機会がございましたら、よろしくお願い致します。

2014/10/14 13:16:57

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません