Xóa thẻ DIV bằng cách sử dụng Javascript hoặc Jquery

Question

Làm cách nào để xóa DIV bằng một giá trị cụ thể?

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

tôi muốn loại bỏ các div trên đó có giá trị 0.

Answer 1

Như Ben Rowe chỉ ra trong các ý kiến, value không phải là một thuộc tính hợp lệ của thẻ div. Và cả giải pháp jQuery và giải pháp sử dụng getElementsByTagName() phải lặp qua danh sách, điều này không tốt cho hiệu suất. Tôi nghĩ rằng việc tạo một thuộc tính id thay vào đó là một lựa chọn tốt hơn:

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

Và sau đó bạn chỉ có thể làm:

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

này là mã jquery)):

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

Answer 4

Edit: Nevermind - Zhasulan đánh tôi để nó . : P

Với jQuery -

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

Answer 5

Thay thế cho jQuery/JavaScript bạn có thể đạt được điều đó thông qua chỉ CSS -

JSFIDDLE

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

Hoặc qua jQuery selector sử dụng thuộc tính:

JSFIDDLE

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