javascript - onclick 具有相同的类
问题描述
我在这个 div 中有 Div1 和 Div2 我有多个输入。目标是当我单击 div 1 btn 编辑时,它会显示 div 1 内的输入,与 div2 相同
我的html
我的 1º 格
<div class="col-lg-6 col-md-6 xxx">
<div class="row form-group ">
<div class="col-lg-6 col-md-6"><h6 >xxx Nº 1</h6></div>
<div id="edit" class="btn btn-sm"> Edit </div>
</div>
<div class="form-group edit_xxx" id="edit_xxx">
<div class="row form-group" >
<div class="col-lg-5 col-md-5 row">
<div id="minus" class="btn btn-sm-click btn-info fa fa-minus pull-left"></div>
<input id="xxx" name="xxx" class="form-control click select-form" disabled type="text" value="{{ $i }}" >
<div id="plus" class="btn btn-sm-click btn-info fa fa-plus pull-right"></div>
</div>
</div>
</div>
</div>
我的 2º 格
<div class="row form-group " >
<div class="col-lg-6 col-md-6"><h6 >xxx Nº 2</h6></div>
<div id="edit" class="btn btn-sm"> Edit </div>
</div>
<div class="form-group edit_xxx" id="edit_xxx">
<div class="row form-group" >
<div class="col-lg-5 col-md-5 row">
<div id="minus" class="btn btn-sm-click btn-info fa fa-minus pull-left"></div>
<input id="xxx" name="xxx" class="form-control click select-form" disabled type="text" value="{{ $i }}" >
<div id="plus" class="btn btn-sm-click btn-info fa fa-plus pull-right"></div>
</div>
</div>
</div>
</div>
我的jQuery代码:
$("body").on("click", ".xxx",function(){
$(this).parent().find(".edit_xxx").toggle();
});
最终目标是当在 .xxx 内单击时,它会打开输入 id 单击再次关闭来自 DIV1 的输入,如果单击 div2,则相同
感谢您的帮助,我真的很喜欢 jquery。
解决方案
答案!
$("body").on("click", "#edit",function(){
$(this).parents(".xxx").children("#edit_xxx").toggle();
});
推荐阅读
- regex - 正则表达式匹配日期和多个可选时间模式
- .net - 如何创建全局静态类
- linux - 按时间戳递归过滤和排序文件
- javascript - 如何在隐藏字段中添加表单外的列表项
- python - 具有外生变量的 StatsModels SARIMAX - 如何提取外生系数
- c# - 来自字节的电子邮件列表
- iphone - 如何使 ffmpeg remux 成为适用于 Apple 产品的 iPhone MOV (HEVC)?
- flutter - 如何在颤动中识别所需的小部件类属性
- django - Forms 没有属性形式
- javascript - 使用 React JS 将博客文章显示为“网格”