为了账号安全,请及时绑定邮箱和手机立即绑定

为什么remove不能移除第一个p元素?:first为什么在remove中1不起作用?

<body>
    <h2>通过jQuery remove方法移除元素</h2>
    <div class="test1">
        <p>p元素1</p>
        <p>p元素2</p>
    </div>
    <div class="test2">
        <p>p元素3</p>
        <p>p元素4</p>
    </div>
    <button>点击通过jQuery的remove移除元素</button>
    <button>点击通过jQuery的remove(选择器)移除指定元素</button>
    <script type="text/javascript">
    $("button:first").on("click",function(){
        $(".test1").remove();
    })
    $("button:eq(1)").on("click",function(){
        $("p").remove(":first")
        //$("p").remove(":contains('3')")
       $("p").filter(":contains('4')").remove();
    })
    </script>
</body>

正在回答

3 回答

是不是你浏览器问题啊,别的课程有问题吗,我复制了代码,在我这里可以啊

0 回复 有任何疑惑可以回复我~
#1

zrning 提问者

你用的什么浏览器?
2016-07-24 回复 有任何疑惑可以回复我~
#2

zrning 提问者

$("p").remove(":first")这个你是只删除了第一个吗?在我的浏览器下:first没有起作用啊~~
2016-07-24 回复 有任何疑惑可以回复我~
#3

飞面大神 回复 zrning 提问者

哦,不好意思,我是先点击的第一个按钮,再点击的第二个按钮测试的,以为符合逻辑没有问题,$("p").remove(":first")这句表达应该有问题,并不能选择到第一个p元素,$("p").filter(":first").remove()换成这句应该是你想要的结果。
2016-07-25 回复 有任何疑惑可以回复我~
#4

zrning 提问者

非常感谢!
2016-08-10 回复 有任何疑惑可以回复我~
查看1条回复

把你写的那个改成$("p").first().remove(),就可以删除第一个p元素了,不知道是不是你要的效果

1 回复 有任何疑惑可以回复我~

首先你没有引入jqd的库  其次第一个p应该是可以删除掉的($(".test1").remove();)按道理你的类名为.test1的div应该都没有啦     看你的代码应该是第三个p元素没有删除


1 回复 有任何疑惑可以回复我~
#1

zrning 提问者

我的意思是说为什么$("p").remove(":first")这里得:first不起作用呢?这句话我执行完他是把所有的p元素都删了啊
2016-07-24 回复 有任何疑惑可以回复我~
#2

qq_朋友你好_0 回复 zrning 提问者

我把first放在p的后面可以
2016-07-24 回复 有任何疑惑可以回复我~
#3

ghnmoons 回复 zrning 提问者

first 是只一个元素的第一个。。。
2016-09-19 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么remove不能移除第一个p元素?:first为什么在remove中1不起作用?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信