<分区>
javascript - 我希望我的数据以空格整齐地显示
我想显示格式整齐的数据，在追加之间留有空格
不知道为什么id没有被选中
我想使用 append 方法只是因为我想在之后动态地做它
我想在一列中获取数据 3，在第二列中获取另外 3 个数据
当前输出
$('#1').append("DARK KNIGHT");
$('#2').append("ACTION");
$('#3').append("NOLEN");
$('#4').append("WB");
$('#5').append("HANSZIMMER");
$('#6').append("WB");<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<input type="text" id="1" name="id" placeholder="Enter id you want to serch">
<button type="submit" value="Submit" onclick="goodfunction()">Submit</button>
<div class="container">
<h2>Basic Panel</h2>
<div class="panel panel-default">
<div class="panel-body" id="1">movie</div>
<div class="panel-body" id="2">type</div>
<div class="panel-body" id="3">director</div>
<div class="panel-body" id="4">distributer</div>
<div class="panel-body" id="5">music director</div>
<div class="panel-body" id="6">producer</div>
</div>
</div>最佳答案
1) 在您追加的字符串前添加一个空格(即“DARK KNIGHT”)
2) 你输入的id也是“1”
4) 您可以添加如下样式:
.panel-body {
width: 50%;
float: left;
}
此外，您的输入和按钮在 <head> 中你的 HTML 部分，它们应该在 <body> 中
关于javascript - 我希望我的数据以空格整齐地显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50820197/