我如何在纯javascript上隐藏当前元素与此代码onclick

Question

我需要隐藏当前元素通过点击:

var triggerEl = document.querySelectorAll('p');
for (var i=0;i<triggerEl.length;i++){
    triggerEl[this].addEventListener("click", hide);
}
function hide(i){
    var e = document.querySelectorAll( 'p+.box');
    for (var i = 0; i < e.length; i++){
        e[this].style.display = (e[this].style.display == 'none') ? '' : 'none';
    }
};

Answer 1

使用event.target:

document.querySelectorAll('p').addEventListener('click', event =>
  event.target.style.display = event.target.style.display === 'none' ? '' : 'none'
)