Usuń znacznik DIV za pomocą kodu JavaScript lub Jquery

Question

Jak usunąć DIV o określonej wartości?

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

Chcę usunąć powyższy div, który ma wartość 0.

Answer 1

Jako Ben Rowe zwraca uwagę w komentarzach, value nie jest ważny atrybut znacznika div. I zarówno rozwiązanie jQuery, jak i rozwiązanie, które używa getElementsByTagName(), musi powtarzać listę, która jest zła pod względem wydajności. Myślę, że tworzenie atrybut id zamiast jest lepszym rozwiązaniem:

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

I wtedy można po prostu zrobić:

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

Answer 2

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 3

to kod jquery)):

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

Answer 4

Edycja: Nevermind - Zhasulan mnie uprzedził . : P

z jQuery -

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

Answer 5

Alternatywa dla jQuery/JavaScript można to osiągnąć za pomocą tylko CSS -

JSFIDDLE

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

Albo poprzez selektor jQuery za pomocą atrybutu:

JSFIDDLE

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