Question

如何在点击#plus时切换#editbox div？我有多重#boxt＆amp;＆amp; #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

请注意，您不能使用与id相同的editbox许多 HTML 标记。 plus。而不是你应该使用class，这是一个演示：

＆＃13;

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

＆＃13;

<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>

＆＃13;

jQuery切换＆amp;＆amp;这个问题

1 个答案: