我想在JavaScript中的两个数组中删除相同的innerText

如何解决我想在JavaScript中的两个数组中删除相同的innerText

当我单击删除按钮（.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>