在下面的代码中我想删除相应的rem按钮当我按下相应的添加按钮EG如果我按添加1,rem 1应该被删除...这一切都应该使用JQuery完成..有人请帮助我...
<html>
<head>
</head>
<body>
<input class="add" id="1" type="button" value="1"><br>
<input class="add" id="2" type="button" value="2"><br>
<input class="add" id="3" type="button" value="3"><br>
<input class="add" id="4" type="button" value="4"><br><br>
<input class="rem" id="r1" type="button" value="R1"><br>
<input class="rem" id="r2" type="button" value="R2"><br>
<input class="rem" id="r3" type="button" value="R3"><br>
<input class="rem" id="r4" type="button" value="R4"><br>
</body>
</html>
尝试这样的事情:
$('.add').click(function() {
$('#r' + this.value).remove();
});
请注意,我使用的this.value不是this.id因为在旧浏览器中以数字开头的ID可能不可靠.
顺便说一下,普通的javascript也可以很有趣:
document.body.addEventListener('click', function(e) {
if (e.target.classList.contains('add') && e.target.nodeName == 'INPUT') {
var rem = document.getElementById('r' + e.target.value);
rem && rem.parentNode.removeChild(rem);
}
}, false);