e-mono回答ポイント なしウォッチ

jQueryの質問です。


先日、こちらの匿名質問で
http://q.hatena.ne.jp/1412920303
を見ました。

ちょうど自分が取り組もうと思っていたのでそのままソースを使わせてもらったのですが、追加でテキスト欄を1つ増やして<br>で改行させる方法がわからず質問をさせていただこうと思い。。。。

var itemList = [
 {href:'http://abc.jp', src:'thumb01.jpg', text:'アイテムの名前', price:'1200'},
 {href:'http://abc.jp', src:'thumb02.jpg', text:'アイテムの名前', price:'1200'},
];

function makeElement(href, src, text, price){
 var img = $('<img/>',{
  src: src,
 });
 var a = $('<a>',{
  href: href,
  text: text,
  price: price,
  prepend: img,
 });
 return $('<li>',{
  append: a,
 });
}

var target = $('ul');
 itemList.forEach(function(x){
 target.append(makeElement(x.href, x.src, x.text+x.price));
});

上記で言うところのtextとpriceの間に<br>を入れるにはどのように追記すれば良いのでしょうか。
<a href="http://abc.co.jp"><img src="thumb01.jpg">アイテムの名前<br>1200</a>

このようにしたいのです。
よろしくお願い致します。

ログインして回答する

ベストアンサー

その他の回答

この質問へのコメント

コメントはありません

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

質問の情報

登録日時
2014-11-06 11:38:24
終了日時
2014-11-06 13:24:12
回答条件
1人5回まで

この質問のカテゴリ

この質問に含まれるキーワード

jQuery742SRC250匿名465

人気の質問

メニュー

PC版