Есть такой код.
<div class="form"><textarea class="ptext" ></textarea><br><input class="plink" type="text" value=""/><button id="del" >Удалить</button></div><br>
<div class="form"><textarea class="ptext" ></textarea><br><input class="plink" type="text" value=""/><button id="del" >Удалить</button></div><br>
<div class="form"><textarea class="ptext" ></textarea><br><input class="plink" type="text" value=""/><button id="del" >Удалить</button></div><br>
<div class="form"><textarea class="ptext" ></textarea><br><input class="plink" type="text" value=""/><button id="del" >Удалить</button></div><br>
<div class="form"><textarea class="ptext" ></textarea><br><input class="plink" type="text" value=""/><button id="del" >Удалить</button></div><br>
Как удалить div по клику на кнопку в нем? Например 2 или 4.
Примерно так:
$('.del').click(function() {
$(this).parent().remove();
});
ID
должен быть уникальным.
Используйте класс:
function remove(){
let w = this.closest('.form'), br = w.nextElementSibling;
if(br.nodeType === 1 && br.nodeName === 'BR')
br.remove();
w.remove();
}
Array.from(document.querySelectorAll('.del')).forEach(b => b.addEventListener('click', remove));
/*
jQuery style:
$('.del').on('click', function(){
$(this).parent('.form').remove();
});
*/
<div class="form"><textarea class="ptext" ></textarea><br><input class="plink" type="text" value=""/><button class="del" >Удалить</button></div><br>
<div class="form"><textarea class="ptext" ></textarea><br><input class="plink" type="text" value=""/><button class="del" >Удалить</button></div><br>
<div class="form"><textarea class="ptext" ></textarea><br><input class="plink" type="text" value=""/><button class="del" >Удалить</button></div><br>
<div class="form"><textarea class="ptext" ></textarea><br><input class="plink" type="text" value=""/><button class="del" >Удалить</button></div><br>
<div class="form"><textarea class="ptext" ></textarea><br><input class="plink" type="text" value=""/><button class="del" >Удалить</button></div><br>
"use strict";
window.onload = function(){
var _cover = document.querySelector("div.cover");
_cover.addEventListener("click",function(){
var event = event || window.event;
var target = event.target || event.srcElement;
if(target.parentNode.tagName == "DIV"){
target.parentNode.style.display = "none";
};
},false);
}//конец функции
<div class="cover">
<div class="form"><textarea class="ptext" >textarea_1</textarea><br><input class="plink" type="text" value=""/><button id="del" >Удалить</button></div><br>
<div class="form"><textarea class="ptext" >textarea_2</textarea><br><input class="plink" type="text" value=""/><button id="del" >Удалить</button></div><br>
<div class="form"><textarea class="ptext" >textarea_3</textarea><br><input class="plink" type="text" value=""/><button id="del" >Удалить</button></div><br>
<div class="form"><textarea class="ptext" >textarea_4</textarea><br><input class="plink" type="text" value=""/><button id="del" >Удалить</button></div><br>
<div class="form"><textarea class="ptext" >textarea_5</textarea><br><input class="plink" type="text" value=""/><button id="del" >Удалить</button></div><br>
</div>
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Перевод документов на английский язык: Важность и ключевые аспекты
Вопрос: практикуюсь в JavaScript по одноименной книжке, решил написать запрос на ресурс через Promises, однако они возвращают undefinedВ чем может быть...
Всем доброго пятничного дняКак я писал ранее, я изучаю JavaScript по книге Хавербеке
Не понемаю почему не получается передать запрос в контроллер средствами AJAX Цель нудно изменить значение $article->public на 0 (по дефолту 1)
Исользую jqueryМне нужно сделать, чтобы при наведении на любую ссылку в документе, отображалось бы - alert("ссылка")