如何使用jQuery删除大于或等于特定数字的元素？

Question

如何使用jQuery删除大于或等于特定数字的元素？

<div id="1" class="testList"><p>anything</p></div>
<div id="2" class="testList"><p>anything</p></div>
<div id="3" class="testList"><p>anything</p></div>
<div id="4" class="testList"><p>anything</p></div>
<div id="5" class="testList"><p>anything</p></div>
<div id="6" class="testList"><p>anything</p></div>
<div id="7" class="testList"><p>anything</p></div>
<div id="8" class="testList"><p>anything</p></div>
<div id="9" class="testList"><p>anything</p></div>

例如，我需要删除所有大于等于id 5的div元素...我的尝试是使用一个名为clear的变量

$(".testList:gt('"+clear+"') p").remove();

如何在jquery中使用大于或等于？

Answer 1

如果要根据ID进行测试，则需要一个.filtering函数：

var clear = 5;

$('.testList').filter(function(i) {
    return (this.id >= clear);
}).remove();

http://jsfiddle.net/mblase75/jtYgJ/

警告：在HTML 4中，以数字开头的ID是非法的，尽管大多数浏览器仍然允许它们。HTML5允许数字ID。