如何使用javascript删除plus按钮_Javascript_Jquery

如何使用javascript删除plus按钮

javascript jquery

如何使用javascript删除plus按钮,javascript,jquery,Javascript,Jquery,我正在从数据库中获取具有值的输入字段。见以下代码： <input type="text" class="input-medium" name="demoname" id="demo_1" value="txt1"/> <button type="button" class="btn id="plus_1"><span class="icon" id="add1">Plus</span> </button> <input type=

我正在从数据库中获取具有值的输入字段。见以下代码：

<input type="text" class="input-medium" name="demoname" id="demo_1" value="txt1"/>
<button type="button" class="btn id="plus_1"><span class="icon" id="add1">Plus</span> </button>
<input type="text" class="input-medium" name="demoname" id="demo_2" value="txt2"/>
<button type="button" class="btn id="plus_2"><span class="icon " id="add2">Plus</span></button>
<input type="text" class="input-medium" name="demoname" id="demo_3" value="txt3"/>
<button type="button" class="btn id="plus_3"><span class="icon " id="add3">Plus</span></button>


加上
您缺少关闭按钮类的“
：
<button type="button" class="btn" id="plus_1">
// ---------------------------  ^ here 

然后使用显示第一个按钮：
$('.btn').first().show();

或选择器：
$('.btn:first').show(); 

如果您喜欢纯jQuery解决方案，可以使用：
$('.btn').hide().first().show();

如果您想使用纯CSS方法，那么：
.btn:not(:first-of-type) { 
    display: none; 
}

使用css
.btn {
    display: none;
}
.btn:first-of-type {
    display: inline;
}

首先，您需要关闭类引号。我已经创建了一个带有和ID的div，将它们放在其中
这是html和脚本
<html>
<body>
<div id="buttonArea">
<input type="text" class="input-medium" name="demoname" id="demo_1" value="txt1"/>
<button type="button" class="btn" id="plus_1"><span class="icon" id="add1">Plus</span> </button>
<input type="text" class="input-medium" name="demoname" id="demo_2" value="txt2"/>
<button type="button" class="btn" id="plus_2"><span class="icon " id="add2">Plus</span></button>
<input type="text" class="input-medium" name="demoname" id="demo_3" value="txt3"/>
<button type="button" class="btn" id="plus_3"><span class="icon " id="add3">Plus</span></button>
</div>

<script type="text/javascript" src="//code.jquery.com/jquery-latest.min.js"></script>
<script>
$('#buttonArea button:not(:first)').hide()
</script>
</body>
</html> 


加上
加上
加上
$（“#按钮区域按钮：非（：第一个）”.hide（）
或只是。btn:not（：类型的第一个）{display:none；}
。更好的是，null的版本不会与您希望应用于按钮的任何块
或内联块冲突。我使用了您的所有代码。但是，它不工作..因为我在该页面中有很多btn类..我使用了另一个类来实现它。当我使用dsplay时：无工作。但是，当我应用jquery时，它不工作.I也应用于document.ready func（），但不起作用。。
<html>
<body>
<div id="buttonArea">
<input type="text" class="input-medium" name="demoname" id="demo_1" value="txt1"/>
<button type="button" class="btn" id="plus_1"><span class="icon" id="add1">Plus</span> </button>
<input type="text" class="input-medium" name="demoname" id="demo_2" value="txt2"/>
<button type="button" class="btn" id="plus_2"><span class="icon " id="add2">Plus</span></button>
<input type="text" class="input-medium" name="demoname" id="demo_3" value="txt3"/>
<button type="button" class="btn" id="plus_3"><span class="icon " id="add3">Plus</span></button>
</div>

<script type="text/javascript" src="//code.jquery.com/jquery-latest.min.js"></script>
<script>
$('#buttonArea button:not(:first)').hide()
</script>
</body>
</html>