Javascript 如何在特定字段后添加类？

我有下面的html

<input class="form-control dropify" name="photo" type="file">

<button type="button" class="dropify-clear">Remove</button>

使用jquery，您可以使用

下面的代码将选择一个class

dropify clear

按钮，该按钮位于input with name photo旁边，并将使用jquery

addClass

添加一个类

$（“input[name='photo']”）。下一步（“button.dropify clear”）.addClass（“deletephoto”）

.deletephoto{
背景：红色；
颜色：白色；
}

不使用jquery删除

，您可以这样做：

<button type="button" class="dropify-clear deletephoto">Remove</button>

const removeBtn=document.querySelector（“.dropify clear”）；
removeBtn.classList.add（“deletephoto”）
.deletephoto{
背景：红色；
颜色：白色；
}

删除
$（'.dropify clear'）.addClass（'deletephoto'）；不清楚何时要应用
deletephoto
类。是在关注输入时还是在什么时候？基本上，您需要使用addClass attritube