Question

如何删除具有特定值的DIV？

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

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

Answer 1

正如Ben Rowe在评论中指出的那样，value不是div标签的有效属性。 jQuery解决方案和使用getElementsByTagName()的解决方案都必须遍历列表，这对性能不利。我认为创建id属性是一个更好的选择：

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

然后你可以这样做：

var div = document.getElementById("task_row_" + taskId);
div.parentNode.removeChild(div);

Answer 2

这是jquery代码））：

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

Answer 3

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]);
    }
}

Answer 4

编辑：没关系 - Zhasulan打败了我。：P

使用jQuery -

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

Answer 5

jQuery / JavaScript的替代方案，你只能通过CSS实现它 -

<强> JSFIDDLE

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

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

<强> JSFIDDLE

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

使用Javascript或Jquery删除DIV标记

5 个答案: