Javascript 如何在此代码中显示输入标记？

我希望它只显示输入字段，而不是span标记中的文本

$(function() {
$("input").hide();
$("li").on("click",function (){
    $(this).hide(500);
    var inp = $(this).find("input");
    $(inp).show(500)
    })
});

书签
书签
单击下面的项目进行编辑

苹果
香蕉

橙色的

这是我在这个网站上的第一篇帖子，对于我犯的任何错误，我深表歉意。 我正在制作一个书签系统

你想要这个吗

你想要这个

---

单击句柄中的此

指的是该

节点，因此当您调用该节点上的

.hide（）

时，所有子节点也将隐藏。您应该针对

li

中的

span

元素

$（函数（）{
$（“输入”）.hide（）；
$（“li”）。在（“单击”，函数（）{
$（'span'，this）.hide（500）；
$（'input'，this）.show（500）；
})
});

书签
单击下面的项目进行编辑

苹果

香蕉

橙色的

单击句柄中的此
指的是该
节点，因此当调用该节点上的
.hide（）
时，所有子节点也将隐藏。您应该针对
li
中的
span
元素


$（函数（）{
$（“输入”）.hide（）；
$（“li”）。在（“单击”，函数（）{
$（'span'，this）.hide（500）；
$（'input'，this）.show（500）；
})
});

书签
单击下面的项目进行编辑

苹果

香蕉

橙色的

如果只能显示一个文本字段，请尝试此代码

$("input").hide();
$("li").on("click",function (){
    $(this).find('span').hide(500);
    var inp = $(this).find("input");
    $(inp).show(500);
});



试验


您的.js文件在此扩展

<input type="text" name="" value="hello">
<ul>
 <li>test</li>
</ul>


$（函数（）{
$（“输入”）.hide（）；
$（“li”）。在（“单击”）上，函数（）{
$（此）.hide（500）；
$（‘输入’）.show（500）
})
});   

如果您可以单击li，li将被隐藏，并使用
输入
关键字将显示文本字段
如果您只能显示一个文本字段，请尝试此代码

$("input").hide();
$("li").on("click",function (){
    $(this).find('span').hide(500);
    var inp = $(this).find("input");
    $(inp).show(500);
});



试验


您的.js文件在此扩展

<input type="text" name="" value="hello">
<ul>
 <li>test</li>
</ul>


$（函数（）{
$（“输入”）.hide（）；
$（“li”）。在（“单击”）上，函数（）{
$（此）.hide（500）；
$（‘输入’）.show（500）
})
});   

如果您可以点击li，li将被隐藏，使用
输入
关键字文本字段将被显示
请同时提供html部分您现在拥有的内容发生了什么？在发布SO之前您是否尝试过调试它？请同时提供html部分您现在所拥有的是什么？在发布SO之前您是否尝试过调试？是的，我想将span text的值更改为我在输入中输入的值也谢谢：我想将span text的值更改为我在输入中输入的值也谢谢：D@TheTechWeaver如果答案解决了你的问题，请接受它。此外，我还更新了您的代码片段：@TheTechWeaver如果答案解决了您的问题，请接受它。此外，我还更新了您的代码片段：