jQuery 切换&&这个问题

Question

如何在单击#plus 时切换#editbox div？我有多个#boxt && #editfield 字段。我可以让它仅适用于第一个 div.

boxt 可见
编辑框已隐藏

<div id="boxt">
<div id="editbox"></div>
<span id="plus" class="glyphicon glyphicon-plus"></span>
</div>

<div id="boxt">
<div id="editbox"></div>
<span id="plus" class="glyphicon glyphicon-plus"></span>
</div>

...等 10x

我正在尝试类似的东西：

<script>
$(document).ready(function(){
   $('#boxt').click(function(){
   $(this).find( "#editfield" ).toggle(); 
   });                        
});
</script>

Answer 1

请注意，您不能为许多 HTML 标签提供与 editbox & [=14= 相同的 id ].而不是你应该使用 class，这里是一个演示：

$(document).ready(function(){
   $('.boxt').click(function(){
   $(this).find( ".editbox" ).toggle(); 
   });                        
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="boxt">
TEXT ON BOXT 1
<div class="editbox">Text on EDITBOX 1</div>
<span  class="glyphicon glyphicon-plus plus"></span>
</div>
<hr/>
<div class="boxt">
TEXT ON BOXT 2
<div class="editbox">Text on EDITBOX 2</div>
<span  class="glyphicon glyphicon-plus plus"></span>
</div>

jQuery 切换&&这个问题

jQuery toggle && this issue

jquery

this

toggle