Jquery - Onclick將div插入到subdivs中

以下函數附加上一個包含圖像的div，從「edit」類中的每個主div添加。Jquery - Onclick將div插入到subdivs中

我需要insert從c。$ k class中點擊一個div到每個細分。所有來自c1/c2類的子div都有唯一的ID。

基本上我需要在每個子div中顯示一個rrdtool創建的圖表，表示一個具有唯一IP的設備。（子div的ID）

在我需要從每一個C類的將ID換句話說，$ķ格，並用它作爲變種Y「IPX」，

然後插入一新的div class ='graph'放入每個類c。$ k div。所以我們可以忽略我的函數（ipx）中的第二個參數，因爲它不相關。我需要使用div class ='edit'中的「children」id。

這是我第一次使用jQuery，任何幫助都比歡迎。

function edit_mode(idname,ipx) { 
    var x = document.getElementById(idname); 
    $(x).toggle("fade"); 
// var subdivid = $("#idname").children("div"); 
    var y = 'http://domain.com/index.php?ip='+ipx; 
    $("#"+idname+" img:last-child").remove(); 
    $("<div class='graph'><img src='"+y+"'></div>").appendTo(x); 
};

的PHP代碼：

$k=1; 
    $t=""; 
    while($row = mysql_fetch_array($result)){ 
      if ($row['id'] != $t) { 
       if ($t != "") {echo "</div>";} 
       echo "<div onclick=\"edit_mode('".$row['idDevice']."','".$row['IP']."')\">".$row['name']." ".$row['IP'] ."</div><br><div class=\"edit\" id=\"".$row['idDevice']."\">"; 
     $t = $row['id']; 
     $k = 1; 
      } 
    echo "<div id=\"".$row['IP']."\" class=\"c".$k."\"><form method=\"post\" action=\"edit.php?idDevice=".$idDevice."\">"; 
    ................................................................. 
    echo "</form></div>"; 
    $k = 1+($k % 2); 
    }

我已經做到了這一點：

function edit_mode(idname) { 
    var x = document.getElementById(idname); 
    $(x).toggle("fade"); 
    var subdivid = $.map($('#idname > div'), function(child) { return child.id; }); 
    var y = 'http://domain.com/index.php?ip='+subdivid; 
    $("#"+idname+" img:last-child").remove(); 
    var el = document.createElement('div'); 
      el.className="graph"; 
      el.innerHTML = '<img src='+y+'>' ; 
      document.getElementById(subdivid).appendChild(el);

這是做正是我想要的，除了正在爲一個父格有一個孩子。現在的問題是：我如何修改這個函數來工作，當我有動態創建的子div（idname）數組與子（subdivid）。

謝謝

來源

2013-04-29 C D

從我所看到的第二個參數edit_mode是c.$k類的子div的id，所以你可以使用它與圖像追加DIV

function edit_mode(idname,ipx) { 
    var x = document.getElementById(idname); 
    $(x).toggle("fade"); 
// var subdivid = $("#idname").children("div"); 
    var y = 'http://domain.com/index.php?ip='+ipx; 
    $("#"+idname+" img:last-child").remove(); 
    $("<div class='graph'><img src='"+y+"'></div>").appendTo('#' + ipx); 
};

來源

2013-04-29 13:09:09

Jquery - Onclick將div插入到subdivs中

回答

相關問題