0

以下函数将单击包含图像的 div 附加到“编辑”类中的每个主 div。

我需要在 c.$k 类的每个细分中插入一个单击 div。c1/c2 类的所有子 div 都有唯一的 id。

基本上我需要在每个子 div 中显示一个 rrdtool 创建的图形，它代表具有唯一 IP 的设备。（子 div 的 id）

换句话说，我需要从每个类 c.$k div 中获取 id 并将其用作 var y 上的“ipx”，

然后在每个类 c.$k div 中插入一个新的 div class='graph'。所以我们可以忽略我的函数（ipx）中的第二个参数，因为它不相关。我需要使用 div class='edit' 中的“儿童”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 工作。现在的问题是：当我动态创建带有子项（细分）的 div（idname）数组时，如何修改此函数以使其工作。

谢谢

4

1 回答 1

0

从我可以看到的第二个参数 toedit_mode是id带有 class 的子 div 的c.$k，因此您可以使用它来附加带有图像的 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-29T13:09:09.963 回答