Javascript 获取与按钮位于同一列表项中的文本

是否可以通过按下列表中的按钮来获取列表项的文本？我不能通过id来识别它，因为它会根据用户输入的内容进行更改

HTML如下所示：

    <ul>
<li>remove this<button>X</button></li>
<li>or this<button>X</button></li>
</ul>

请注意，如果在列表项上使用innerHTML，将返回：

“remove thisX”

。我需要在按钮标签前获取文本

---

有什么想法吗？

您可以处理

单击事件并阅读
以前同级的
的
wholeText
：

HTML:

以前的兄弟姐妹正是我要找的！对于我的代码，我必须使用：this.previousSibling.wholeText。谢谢你的帮助
function getListElement(){
    let getThis = this.innerHTML;
    alert(getThis);
}

<ul>
    <li>remove this
        <button id="btn_1">X</button>
    </li>
    <li>or this
        <button id="btn_2">X</button>
    </li>
</ul>

function applyBindings() {
    document.getElementById("btn_1").addEventListener("click", respond);
    document.getElementById("btn_2").addEventListener("click", respond);
}

applyBindings();


function respond(event) {
    alert(event.target.previousSibling.wholeText);
}