单击按钮时，我正在尝试删除父项。
<div class="image">
<img src="" alt="First">
<button id="one" class="remove" onclick="removeThis('one');">X</button>
</div>
<script>
function removeThis(_this){
alert("hello" + _this);
$(_this).parents.remove();
};
</script>
这没用
完整的代码：
<!DOCTYPE html>
<html>
<body>
<script>
function registerClickHandler () {
// Implement the click handler here for button of class 'remove'
}
function removeThis(_this){
alert("hello" + _this);
// $('#' + _this).parents().remove();
_this.parentNode.parentNode.removeChild( _this.parentNode );
};
</script>
<div class="image">
<img src="" alt="First">
<button id="one" class="remove" onclick="removeThis('one');">X</button>
</div>
<div class="image">
<img src="" alt="Second">
<button id="second" class="remove" onclick="registerClickHandler()">X</button>
</div>
</body>
</html>
最佳答案
您没有调用parents()方法
更换
$(_this).parents.remove();
与
$(_this).parents().remove();
还是你的情况
$(_this).parent().remove();
由于您的问题中未包含
jquery标记，因此您也可以使用以下普通js_this.parentNode.parentNode.removeChild( _this.parentNode );
您还需要将此引用传递给此方法调用
<button id="one" class="remove" onclick="removeThis(this);">X</button>
根据您更新的代码，尝试将方法更改为此
function removeThis(_this){
var el = document.getElementById( _this.id ); //assuming '_this' is the 'this' reference not the 'id'
el.parentNode.parentNode.removeChild( el.parentNode );
};