Question

我有以下代码：

<span class='myClass'>My Text</span><button class='myBtn'>OK</button>
<span class='myClass'>My Text</span><button class='myBtn'>OK</button>
<span class='myClass'>My Text</span><button class='myBtn'>OK</button>

我希望点击任何myClass并删除它的内容PLUS删除按钮。我不想删除其他人 - 只是我点击的那个。

感谢您的帮助。

Answer 1

如果您使用的是jQuery：

$('.myClass').click(function() {
    $(this).next().remove();
    $(this).remove();
});

如果是普通的javascript：

var spans = document.getElementsByClassName('myClass');
for(var i = 0; i < spans.length; i++) {
    spans[i].onclick = function() {
        this.parentNode.removeChild(this.nextSibling);
        this.parentNode.removeChild(this);
    };
}

获取范围外的下一个元素

1 个答案: