Fatal编程技术网

Jquery plugins 动态添加/删除元素

jquery-plugins jquery

Jquery plugins 动态添加/删除元素,jquery-plugins,jquery,Jquery Plugins,Jquery,现在我完成了添加/删除元素 如何动态添加/删除元素，请查找图像附件，这显示了更好的理解 从数据库类别表填充记录的类别，当用户选择特定类别时，子类别将从datbase子类别表填充 我正在寻找一个jquery或一些open来做同样的工作 参考一些好的插件 如何在单击添加元素时添加元素，请在下面选中我的代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

现在我完成了添加/删除元素

如何动态添加/删除元素，请查找图像附件，这显示了更好的理解

从数据库类别表填充记录的类别，当用户选择特定类别时，子类别将从datbase子类别表填充

我正在寻找一个jquery或一些open来做同样的工作

参考一些好的插件

如何在单击添加元素时添加元素，请在下面选中我的代码

       <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
<script type="text/javascript" >
$(document).ready(function(){
var hdn_add_element_cnt = $("#hdn_add_element_cnt").val();
        hdn_add_element_cnt = parseInt(hdn_add_element_cnt);
        var app_str = "<div id=element_"+hdn_add_element_cnt+">New Element  "+hdn_add_element_cnt+" <a href=\"#\" onclick=\"delete_element("+hdn_add_element_cnt+")\">Delete</a></div>";
        $('#element_area').append(app_str);

    $("#add_element").click(function(){
        var hdn_add_element_cnt = $("#hdn_add_element_cnt").val();
        hdn_add_element_cnt = parseInt(hdn_add_element_cnt);
        hdn_add_element_cnt = hdn_add_element_cnt+1;
        var app_str = "<div id=element_"+hdn_add_element_cnt+">New Element  "+hdn_add_element_cnt+" <a href=\"#\" onclick=\"delete_element("+hdn_add_element_cnt+")\">Delete</a></div>";
        $('#element_area').fadeIn(10000).append(app_str);
        //Increment Elemenet ID Count +1

        document.getElementById("hdn_add_element_cnt").value = hdn_add_element_cnt;

    })
})

function delete_element(element_id_no){
    var get_element_hidden_cnt = $("#hdn_add_element_cnt").val();
    $("#element_"+element_id_no).fadeOut(100).remove();
}
</script>
</head>
<body>
<div style="width:500px; height:200px; background-color:#FF0000;">
    <div id="add_element" style="width:400px; height:75px;">
        ADD Element
    </div>
    <div id="element_area">

    </div>
</div>
<input type="hidden" id="hdn_add_element_cnt" value="1" />
</body>
</html>
jQuery不需要插件来实现这一点。标准功能运行良好：

添加元素，因此要将添加到，只需执行以下操作：

$('body').append('<div id="foobar">This is my text</div>');

$('#foobar').remove();
并可用于设置元素的内容。文本通常用于设置显示的文本，.html用于添加内容元素：

$('#foobar').text('Hello');
$('#foobar').html('<h1 class="foo">Hello</h1>');
你的问题很模糊，所以我不知道还有什么要说。

你能补充更多关于你想用桌子做什么的细节吗？什么不起作用？很高兴知道…现在我刚刚更新了一个，只是在这里分享关于动态元素填充的内容。永远不要这样做：$'divfoobar'。删除；与仅使用$'foobar'.remove；相比，它使您的查询速度异常缓慢；。我可以使用$‘这是我的文本’删除元素吗；