2017-02-16 7 views
1

HTMLビルドのdiv構造とappendTo別の事業部

<div class="post-preview"> 
    <a href="javascript:void(0)" class="delete btn-delete" "><i class="glyphicon glyphicon-remove "></i></a> 
      <a href="javascript:void(0) " class="delete btn-edit " "><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a> 

    <a href="javascript:void(0)"> 
     <h4 class="post-title"> 
      some value 
     </h4> 
     <h4 class="post-subtitle"> 
      some value 
     </h4> 
    </a> 

    <p class="post-meta">Posted by <a href="#"> some value </a> on date</p> 
</div> 

のjQuery

var item = dataobj[i]; 
alert(item.pid + item.ptitle + item.pdes + item.email + item.fname + item.postedby + item.DE); 
var $maindiv = $("<div/>").addClass("post-preview"); 
var $a1 = $("<a/>").addClass("delete btn-delete").attr("href", "javascript:void(0)").attr("rel", item.pid); 
var $removeicon = $("<i/>").addClass("glyphicon glyphicon-remove"); 
var $a2 = $("<a/>").addClass("delete btn-delete").attr("href", "javascript:void(0)").attr("rel", item.pid); 
var $editicon = $("<i/>").addClass("fa fa-pencil-square-o").attr("aria-hidden", true); 
var $a3 = $("<a/>").addClass("PostBody"); 
var $h1 = $("<h4/>").addClass("post-title").html(item.ptitle); 
var $h2 = $("<h4/>").addClass("post-subtitle").html(item.pdes); 
var $p = $("<p/>").html("Posted by"); 
var $a4 = $("<a/>").attr("href", "javascript:void(0)").html(item.fname + " - " + item.email); 
var $myobj = 
    (item.DE == 1 ? $maindiv 
     .append($a1.append($removeicon)) 
     .append($a2.append($editicon)) : ''); 
$maindiv 
    .append($a3.append($h1) 
     .append($h2) 
    ) 
    .append($p.append($a4)); 
//now append it to your html 
$myobj.appendTo('body'); 
+0

質問ボタンを押した理由は? – madalinivascu

答えて

1

あなたはにマッチした要素の集合内のすべての要素を挿入するためにjqueryのメソッド.prependTo()を使用することができますターゲットの始まり。

関連する問題