獲取下一個元素外跨度

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); 
    }; 
}