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

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

我想让它显示在span标签如何在此代码中显示输入标签？

<!DOCTYPE html> 
<html> 
<head> 
    <title>Bookmarks</title> 
    <script src="https://code.jquery.com/jquery-3.1.1.js"></script> 
</head> 
<body> 
    <h1>Bookmarks</h1> 
    <h2>click on the items below to edit</h2> 
    <ul id="list"> 
    <li> <span>apple</span> <input value="apple"> </li> 
    <li> <span>banana</span> <input value="banana"> 
</li> 
    <li> <span>orange</span> <input value="orange"> </li> 
    </ul> 
</body> 
</html>

只有输入字段，而不是文字这是我在这个网站第一后对任何错误让我非常抱歉。 Iam试图制作书签系统

来源

2017-06-13 The Tech Weaver

请同时提供html部分 –

现在正在发生什么？你是否尝试在发布之前调试它？ – guradio

this在点击柄指<li>节点，所以当你调用它.hide()所有子节点也隐藏。您应该将span元素定位在li之内。

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<h1>Bookmarks</h1> 
 
<h2>click on the items below to edit</h2> 
 
<ul id="list"> 
 
    <li> <span>apple</span> 
 
    <input value="apple"> </li> 
 
    <li> <span>banana</span> 
 
    <input value="banana"> 
 
    </li> 
 
    <li> <span>orange</span> 
 
    <input value="orange"> </li> 
 
</ul>

来源

2017-06-13 09:28:04 nizzik

非常感谢你解决我的问题：D –

结束了这个https://jsfiddle.net/ej200xxp/ –

@TheTechWeaver如果答案已解决您的问题，请接受它。此外，我更新了一小段代码片段：https：//jsfiddle.net/ej200xxp/2/ – nizzik

你想要这个吗？ See this fiddle

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

来源

2017-06-13 09:26:50

是的，我想改变跨文本的价值，我输入里面的输入也谢谢你：D –

如果你只能一个文本字段，以显示试试这个代码

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

您的.js文件扩展这里

<script type="text/javascript" src="../library/jquery-3.2.1.min.js"></script> 
<script type="text/javascript"> 
$(function() { 
$("input").hide(); 
$("li").on("click",function(){ 
    $(this).hide(500); 
    $('input').show(500) 
    }) 
}); 
</script>

，如果你可以点击李丽将被隐藏并使用input关键字文字d将会显示

来源

2017-06-13 09:45:22

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

回答

相关问题