QA@IT
«質問へ戻る

ちょっとフォーマットを整えてみました

1138
タイトル
jqueryのappendで要素を追加する方法
jQueryのappendで要素を追加する方法
本文
 お世話になっております。
-jqueryのappendを使って要素を追加したいです。
+jQueryのappendを使って要素を追加したいです。
 追加するデータはJSON形式で保持しておりeachでループ処理をします。
 JSON形式のデータは多次元配列です。
 
-◆出力したいhtml(以下のようにulタグにliを追加したいです。)
-```
+## 出力したいhtml(以下のようにulタグにliを追加したいです。)
+
+```html
 <ul id=list>
 <li id=xxx>
 <dl>
 </li>
 ```
 
-◆jquery
-```
+## jQuery
+
+```javascript
 $.each(data,function(key , value){
 $('#list').append($("<li>").attr("id",value['id']));
 $('#list').append($("<dl><dt><a>").attr("href","#"));

jQueryのappendで要素を追加する方法

お世話になっております。
jQueryのappendを使って要素を追加したいです。
追加するデータはJSON形式で保持しておりeachでループ処理をします。
JSON形式のデータは多次元配列です。

出力したいhtml(以下のようにulタグにliを追加したいです。)

<ul id=list>
<li id=xxx>
<dl>
<dt><a href="#"><img src="image.jpg alt="photo"></a></dt>
<dd>
  <a href="#">aaaaaaaaaaaa</a><br>
  <a href="#">bbbbbbbbbbbb</a><br>
</dd>
</dl>
</dt>
</li>

jQuery

$.each(data,function(key , value){
$('#list').append($("<li>").attr("id",value['id']));
$('#list').append($("<dl><dt><a>").attr("href","#"));
$('#list').append($(<img>").attr({"src":"image.jpg","alt":"Photo"}));                   



});

このような感じでやってみているのですが入れ子がうまくいきません。
上記だとimgタグがaタグの外に出てしまいます、どうすれば入れ子にできるのかご教示お願いします。

お世話になっております。
jQueryのappendを使って要素を追加したいです。
追加するデータはJSON形式で保持しておりeachでループ処理をします。
JSON形式のデータは多次元配列です。

## 出力したいhtml(以下のようにulタグにliを追加したいです。)

```html
<ul id=list>
<li id=xxx>
<dl>
<dt><a href="#"><img src="image.jpg alt="photo"></a></dt>
<dd>
  <a href="#">aaaaaaaaaaaa</a><br>
  <a href="#">bbbbbbbbbbbb</a><br>
</dd>
</dl>
</dt>
</li>
```

## jQuery

```javascript
$.each(data,function(key , value){
$('#list').append($("<li>").attr("id",value['id']));
$('#list').append($("<dl><dt><a>").attr("href","#"));
$('#list').append($(<img>").attr({"src":"image.jpg","alt":"Photo"}));					
・
・
・
});
```

このような感じでやってみているのですが入れ子がうまくいきません。
上記だとimgタグがaタグの外に出てしまいます、どうすれば入れ子にできるのかご教示お願いします。

質問を投稿

jqueryのappendで要素を追加する方法

お世話になっております。
jqueryのappendを使って要素を追加したいです。
追加するデータはJSON形式で保持しておりeachでループ処理をします。
JSON形式のデータは多次元配列です。

◆出力したいhtml(以下のようにulタグにliを追加したいです。)

<ul id=list>
<li id=xxx>
<dl>
<dt><a href="#"><img src="image.jpg alt="photo"></a></dt>
<dd>
  <a href="#">aaaaaaaaaaaa</a><br>
  <a href="#">bbbbbbbbbbbb</a><br>
</dd>
</dl>
</dt>
</li>

◆jquery

$.each(data,function(key , value){
$('#list').append($("<li>").attr("id",value['id']));
$('#list').append($("<dl><dt><a>").attr("href","#"));
$('#list').append($(<img>").attr({"src":"image.jpg","alt":"Photo"}));                   
・
・
・
});

このような感じでやってみているのですが入れ子がうまくいきません。
上記だとimgタグがaタグの外に出てしまいます、どうすれば入れ子にできるのかご教示お願いします。

お世話になっております。
jqueryのappendを使って要素を追加したいです。
追加するデータはJSON形式で保持しておりeachでループ処理をします。
JSON形式のデータは多次元配列です。

◆出力したいhtml(以下のようにulタグにliを追加したいです。)
```
<ul id=list>
<li id=xxx>
<dl>
<dt><a href="#"><img src="image.jpg alt="photo"></a></dt>
<dd>
  <a href="#">aaaaaaaaaaaa</a><br>
  <a href="#">bbbbbbbbbbbb</a><br>
</dd>
</dl>
</dt>
</li>
```

◆jquery
```
$.each(data,function(key , value){
$('#list').append($("<li>").attr("id",value['id']));
$('#list').append($("<dl><dt><a>").attr("href","#"));
$('#list').append($(<img>").attr({"src":"image.jpg","alt":"Photo"}));					
・
・
・
});
```

このような感じでやってみているのですが入れ子がうまくいきません。
上記だとimgタグがaタグの外に出てしまいます、どうすれば入れ子にできるのかご教示お願いします。