jq添加和删除节点

问题是在做一个评论框;当我点击评论按钮是调用输入框,插入dom结构中;当我再次点击的时候;把评论框移除;请问怎么移除的;这个判断怎么写

阅读 3.7k
6 个回答

在按钮那里加上一个标识<button flag="true"></button>这样当flag为true就调输入框,同时设置flag=!flag,下次点击时flag就为false执行移除操作,这是非常直接的判断吧

给点击事件添加一个参数,记录点击次数,每次点击累加一次,判断点击次数为奇数还是偶数,再做不同处理?

如果你说的是删除而不是隐藏的话。
你可以自己改id、插入的元素内容、被插入的元素。

(function(){
            var $newInput = $('<input type="text" name="xx" id="xx" value="xxxx" />');
            var $add = $('#addOrDelete');
            var has = false;
            $add.click(function(){
                if(has){
                    $newInput.remove();
                }else{
                    $newInput.appendTo($('body'));
                }
                has = !has;
            })
        })()

中间设置一个变量,每点击一次更改一次变量,就行了,类似一楼的

var temp=true;
if(temp){
//执行你的第一次操作,就是输入框显示
temp=!temp
}else{
//执行你需要的操作,输入框消失
}

最简单: jQuery的toggle()方法

$(document).ready(function(){
  $(".btn").click(function(){
  $("input").toggle();
  });
});

楼上toggle

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题