关于用JQuery代码实现使用按钮进行节点的添加、删除和插入操作

[zxy_spure]

<script type="text/javascript">
$(function(){
	$("#add").click(function(){
		if ( $("#one").val())
		___________________
		else alert("请填写内容");
	      });
	$("#remove").click(function(){
		_____________
		_____________
	$("#insert").click(function(){  
             ___________
			 ____________
		  });
})
</script>

这中间怎么写啊！

[Hello World,]

        fieldset{
            margin-top:20px;
        }

<fieldset style="width:600px; padding:10px; border:1px solid black;">
    <legend style="width:80px; border:1px solid green; text-align:center;">添加</legend>
    <input type="text" value="" id="one" />
    <input type="button" value="add" id="add" />
</fieldset>
<fieldset style="width:600px; padding:10px; border:1px solid black;">
    <legend style="width:80px; border:1px solid green; text-align:center;">删除</legend>
    删除第n节点(从0开始)：
    <input type="text" value="" id="two" /><input type="button" value="remove" id="remove" />
</fieldset>
<fieldset style="width:600px; padding:10px; border:1px solid black;">
    <legend style="width:80px; border:1px solid green; text-align:center;">插入</legend>
    在第<input type="text" value="" id="three1" />项前插入节点 <input type="text" id="three2" value="" />
    <input type="button" value="insert" id="insert" />
</fieldset>
<fieldset style="width:600px; padding:10px; border:1px solid black;">
    <legend style="width:80px; border:1px solid green; text-align:center;">列表</legend>
    <ul id="list">
        <li>语文</li>
        <li>数学</li>
        <li>英语</li>
    </ul>
</fieldset>

    $(function () {
        $("#add").click(function () {
            if ($("#one").val())
                $('#list').append('<li>' + $('#one').val());
            else {
                alert("请填写内容");
            }
        });
        $("#remove").click(function () {
            var lis = $('#list>li');
            var index = parseInt($('#two').val());
            if (lis.length < index + 1) {
                alert('索引超过节点数量');
            } else {
                $(lis[index]).remove();
            }
        });

        $("#insert").click(function () {
            var lis = $('#list>li'),
                index = parseInt($('#three1').val()),
                text = $('#three2').val();
            if (lis.length < index + 1) {
                alert('索引超过节点数量');
            } else {
                $('<li>' + text + '</li>').insertBefore(lis[index]);
            }
        });
    })

[zxy_spure]

顺便帮我打个注释，跪谢大佬们

[zxy_spure]

感谢！！！！

引用 2 楼 Hello World, 的回复:

        fieldset{
            margin-top:20px;
        }

<fieldset style="width:600px; padding:10px; border:1px solid black;">
    <legend style="width:80px; border:1px solid green; text-align:center;">添加</legend>
    <input type="text" value="" id="one" />
    <input type="button" value="add" id="add" />
</fieldset>
<fieldset style="width:600px; padding:10px; border:1px solid black;">
    <legend style="width:80px; border:1px solid green; text-align:center;">删除</legend>
    删除第n节点(从0开始)：
    <input type="text" value="" id="two" /><input type="button" value="remove" id="remove" />
</fieldset>
<fieldset style="width:600px; padding:10px; border:1px solid black;">
    <legend style="width:80px; border:1px solid green; text-align:center;">插入</legend>
    在第<input type="text" value="" id="three1" />项前插入节点 <input type="text" id="three2" value="" />
    <input type="button" value="insert" id="insert" />
</fieldset>
<fieldset style="width:600px; padding:10px; border:1px solid black;">
    <legend style="width:80px; border:1px solid green; text-align:center;">列表</legend>
    <ul id="list">
        <li>语文</li>
        <li>数学</li>
        <li>英语</li>
    </ul>
</fieldset>

    $(function () {
        $("#add").click(function () {
            if ($("#one").val())
                $('#list').append('<li>' + $('#one').val());
            else {
                alert("请填写内容");
            }
        });
        $("#remove").click(function () {
            var lis = $('#list>li');
            var index = parseInt($('#two').val());
            if (lis.length < index + 1) {
                alert('索引超过节点数量');
            } else {
                $(lis[index]).remove();
            }
        });

        $("#insert").click(function () {
            var lis = $('#list>li'),
                index = parseInt($('#three1').val()),
                text = $('#three2').val();
            if (lis.length < index + 1) {
                alert('索引超过节点数量');
            } else {
                $('<li>' + text + '</li>').insertBefore(lis[index]);
            }
        });
    })