问题描述
当我单击删除按钮(.btn-wrap> li> button)时,我希望使用JavaScript删除同一innerText的className(“ added”)。
-keep class com.test.apppackagename.retrofit.dto** {
*;
}
解决方法
编辑:问题尚不清楚。但是,在再次阅读了所附的HTML和问题本身之后,我修改了答案。
我对问题的理解:OP希望从下面的列表中单击“删除”按钮,从而从上面的列表元素中删除一个类。现在,我已经修改了代码片段以实现此目的。如果这不是您想要的,请告诉我,以便我可以相应地修改我的解决方案。
const addedList = document.querySelectorAll('.added');
document.querySelectorAll('.delete').forEach(btn => {
btn.addEventListener('click',e => {
e.preventDefault();
const deletedVal = e.target.previousSibling.previousSibling.textContent;
addedList.forEach(listItem => {
if (listItem.textContent === deletedVal) {
listItem.classList.remove('added');
}
});
});
});
.added {
color: blue;
}
<div class="table">
<ul>
<li class="added">list_1</li>
<li class="added">list_2</li>
<li class="added">list_3</li>
</ul>
<ul class="btn-wrap">
<li>
<span>list_1</span>
<button class="delete">Delete</button>
</li>
<li>
<span>list_2</span>
<button class="delete">Delete</button>
</li>
<li>
<span>list_3</span>
<button class="delete">Delete</button>
</li>
</ul>
</div>