相关疑难解决方法(0)

我有一个删除id列表视图.我想为具有特定类的所有元素添加一个监听器并执行确认警报.

我的问题是,这似乎只是将侦听器添加到它找到的第一个类中.我试图使用querySelectorAll但它没有用

var deleteLink = document.querySelector('.delete');

deleteLink.addEventListener('click', function(event) {
    event.preventDefault();

    var choice = confirm("sure u want to delete?");
    if (choice) {
        return true;
    }
});

列表:

<?php 
    while($obj=$result->fetch_object())
    {
        echo '<li><a class="delete" href="removeTruck.php?tid='.$obj->id.'">'.$obj->id.'</a>'
            . '<a href="#" class="delete"></a>
                      </li>'."\n";
    }
    /* free result set */
    $result->close();       
    $mysqli->close();
?>

我想通过 jS 中的事件侦听器执行“onClick”中的逻辑，但它似乎只运行一次？我在所有四个课程中都有课程，但我不明白为什么它似乎只适用于第一个？

HTML：

<button id='btn-1' type="button" name="first" class="breakdown main-text" onclick="enableButton('btn-2');disableButton('btn-1');show('btn-1')"> Breakdown Start </button>
<button id='btn-2' type="button" name="second" class="breakdown main-text" onclick="enableButton('btn-3');disableButton('btn-2');show('btn-2')" disabled> Repair Start </button>
<button id='btn-3' type="button" name="third" class="breakdown main-text" onclick="enableButton('btn-4');disableButton('btn-3');show('btn-3')" disabled> Repair End </button>
<button id='btn-4' type="button" name="fourth" class="breakdown main-text" onclick="show('btn-4')" disabled> Breakdown Ended </button>

JS：

let button1 = document.querySelector('#btn-1')
let button2 = document.querySelector('#btn-2');
let button3 = document.querySelector('#btn-3');
let button4 = document.querySelector('#btn-4');


const breakdownButton = document.querySelector('.breakdown');
breakdownButton.addEventListener('click', function() {
console.log(this.innerHTML);
});

我正在尝试添加事件侦听器，但没有结果。我知道Javascript具有提升功能，但是我相信除了正确的解决方案之外，我都尝试了所有其他方法。钢笔

const cbox = document.querySelectorAll(".box");
function doit() {
    for(let i = 0; i < cbox.length; i++){
        cbox[i].classList.add("red");
    }
}
cbox.addEventListener("click", doit,false);

有人可以发现我犯的错误吗？谢谢。