使用Javascript或Jquery删除DIV标记

如何删除具有特定值的DIV

<div value="0" class="task_row"></div>

我想删除上面的值为0的div。

这是jquery代码）：

var divs = document.getElementsByTagName('div');
for(var i = divs.length; i; i -= 1) {
    if (divs[i].getAttribute('value') == 0) {
        divs[i].parentNode.removeChild(divs[i]);
    }
}

---

编辑：没关系-扎苏兰击败了我P

使用jQuery-

$('div').each(function(){
    if($(this).attr('value') == '0') {
        $(this).hide();
        }
    });

---

正如Ben Rowe在评论中指出的，

value

不是div标记的有效属性。jQuery解决方案和使用

getElementsByTagName（）

的解决方案都必须遍历列表，这对性能不利。我认为创建

id

属性是一个更好的选择：

<div id="task_row_0" class="task_row"></div>

---

除了jQuery/JavaScript之外，您只能通过CSS实现它-

div[value="0"] {
    display: none;
}

$("div[value='0']").hide(); /*.remove() as per your requirement*/

或者使用属性选择器通过jQuery：

div[value="0"] {
    display: none;
}

$("div[value='0']").hide(); /*.remove() as per your requirement*/

---

您正在使用javascript库吗？jQuery将是一个可接受的答案吗？如果是这样，您可以在jQuery:$（'[value=“0”]'）的情况下执行此操作；值不是div标记的有效属性。让我们现实一点。jQuery不需要做这样简单的事情。让我们在这里更现实一些。很多人都在使用jQuery，所以如果他们已经在使用它，为什么不使用一行简单的代码呢。[+1对于这个答案，因为我现在碰巧没有使用jQuery]jQuery在几个选项卡上打开时会占用计算机资源并挂起浏览器，所以请不要使用它！我使用了你的代码片段，但它有错误。

i

的初始值和结束条件无效