Question

我生成了这样的： HTML

 <button type="submit" class="button" id="addk">Add div</button>
 <div class="body" style="float: left;">

和

的javascript

var RL;
RL = 0;
$("#addk").click(function () {
       RL = RL + 1;
        RN = "Tekst" + RL;
         $("<div id='" + RN + "' class='we' > " +
          "<B>Kon" + RL +"</B>" +
           "<button type='submit' class='button'  onclick='Add(" + RN + ");' >AddNext</button>" +
           "<button type='submit' class='button'  onclick='Close(" + RN + ");' >Close</button>" +
           "<button type='submit' class='button' onclick='Up(" + RN + ");' >Up</button>" +
           "<button type='submit' class='button' onclick='Down(" + RN + ");' >Down</button><br />" +
           "<br />"  + "<input type='text'>" + "<br /><br />" + '</div>').

         appendTo(".body");
    });
function Close (){
 $(".we").hide();// doesn't work
}
function Up (){
  if ($(this).hasClass('.we')) {
        $(this).closest('.body').insertBefore($(this).closest('.body').prev());
    }
}
function Up (we){
 if ($(this).hasClass('.we')) {
        $(this).closest('.body').insertBefore($(this).closest('.body').prev());
    }
}

我不知道如何获取div id并对函数执行操作，即启动/关闭和关闭。

我无法添加图片，但它是关于

<div id="Text2" class="we">

http://jsfiddle.net/WmbmF/24/

Answer 1

由于动态添加了提交按钮，您需要使用事件委派来注册事件处理程序，如：

// New way (jQuery 1.7+) - .on(events, selector, handler)
$(document).on('click', '.button', function(event) {
    event.preventDefault();
    alert('testlink'); 
});

您可以尝试为按钮指定添加/关闭/向上/向下功能的特定ID。

FIDDLE DEMO
（仅显示关闭功能，尝试添加多个div并关闭它们。）

jquery div appendTo

1 个答案: