根据name属性中的值隐藏特定元素

时间:2016-07-25 03:00:31

标签: jquery html

我有这样的HTML:

<div>
   <input name="studentName" value="George">
   <input name="studentName" value="Kim">
   <input name="studentName" value="David">
   <input name="studentName" value="Kanto">
</div>

我怎样才能隐藏其他输入元素,除了&#34; David&#34;使用jQuery?

1 个答案:

答案 0 :(得分:1)

您可以使用:not()Attribute Equals Selector [name="value"].hide()

$("div input:not([value=David])").hide()
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
   <input name="studentName" value="George">
   <input name="studentName" value="Kim">
   <input name="studentName" value="David">
   <input name="studentName" value="Kanto">
</div>