Удалить тег DIV с помощью Javascript или JQuery
Как удалить DIV с определенным значением?
<div value="0" class="task_row"></div>
Я хочу удалить вышеуказанный div, который имеет значение 0.
Ответы
Ответ 1
Как отмечает Бен Роу в комментариях, 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);
Ответ 2
это код jquery)):
$('div').each(function(){
if($(this).attr('value') == '0'){
$(this).remove();
}
});
Ответ 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]);
}
}
Ответ 4
Редактировать: Nevermind - Жасулан избил меня.: P
С jQuery -
$('div').each(function(){
if($(this).attr('value') == '0') {
$(this).hide();
}
});
Ответ 5
Альтернатива jQuery/JavaScript вы можете получить ее только с помощью CSS -
JSFIDDLE
div[value="0"] {
display: none;
}
Или через jQuery с помощью селектора атрибутов:
JSFIDDLE
$("div[value='0']").hide(); /*.remove() as per your requirement*/