Question

jquery remove 删除元素问题

<ul>
<li id="1"> abc </li>
<li id="2"> DEF </li>
</ul>

<div>
<input type="text" id="1" value="测试"/>
</div>

我现在用Jquery 的Romove 方法删除
$("#1").remove();
结果是 它只能删除第一个id 为 "1" 的元素。
我用each 循环删除 也试过了，可也还是只能删除第一个
$("#1").each(function(){
$(this).remove();
});
求解：

Answer 1

1. ID是不能重复的，你的input#1跟li#1的ID重复，本来就是错的。

2. 元素的ID、Class之类的，尽量不要使用数字开头的命名。

3. 你$('#1')只选择到了一个元素，用each当然没用。

所以如果你想删除ul下的两个li的话，这么做

$("ul li").remove();

如果你想删除那个id为1的li和那个input的话，可以给他们赋一个可以重复的属性，例如说class、name（name可以实现，但是不方便管理，不建议）

<li class="test"> abc </li>
<input type="text" class="test" value="测试"/>

$(".test").remove();

就可以了

Answer 2

1、jquery本身就是一个强大的前端工具，利用更少的代码，来做更多的事情

2、这个remove方法，它可能在给某个标签上有些效果，然后调用这个remove方法后进行移除，这样就能够消除原有的附加在标签上的效果了。

Answer 3

不要用id，用class，class="1" class="2"，用id的话同一个值在一个页面上只能出现一个。
然后$(".1").remove();
如果不行再把class后的数字换成英文字符
$(".abc").remove();

Answer 4

id 在html 中不唯一么 ？ 为什么不用class 呢