Javascript 在不硬编码id名称的情况下检索值

目标：
从输入框中检索值，而不是在javascript中硬编码文本“item2”

问题：
有可能吗？如果是，如何进行

示例列表：

咖啡（第一杯）
茶（第二杯）

单击按钮以获取第二个列表项的上一个同级的HTML内容

试试看
注意：元素内部的空白被视为文本，而
被视为节点

如果在两个li元素之间添加空格，结果将为“未定义”


函数myFunction（）{
var x=document.getElementById（“item2”）.previousSibling.innerHTML；
document.getElementById（“demo”）.innerHTML=x；
}

您可以使用其类名访问输入标记，也可以使用javascript将其作为html的第一个输入标记，如下所示：

document.getElementsByTagName("input")[0].value;

对于jQuery：

$("input").first().val();

---

您可以使用给定id访问输入标记：

var x = document.getElementById(document.getElementById('test').value).innerHTML;

函数myFunction（）{
var x=document.getElementById（document.getElementById（'test'）.value）.innerHTML；
document.getElementById（“demo”）.innerHTML=x；
}

咖啡（第一杯）
茶（第二里）
柴（三里）

试试看

您想要实现什么？像这样？是的，很难理解。你不必使用id，但你必须对你所做的有一个定义。这个定义是什么？目前还不清楚你想提取什么元素，这是ul中的第二个li吗？还是包含某些文本的li？