我试图在单击编辑按钮(img)时切换用户语言和输入字段。我有多个这样的字段,所以我想要一个可以涵盖所有内容的脚本。我的jquery可以切换,但也可以切换第一个div“ Language”有帮助吗?
jQuery
$("img.optional_info_edit").click(function(){
$(this).parent().parent(".field-row").find("input").toggle();
$(this).parent().parent(".field-row").find("p").toggle();
});
和HTML
<div class="row field-row">
<div class="col-md-4 col-sm-4 col-xs-4">
<p class="user-message-font">Language:</p>
</div>
<div class="p_info_form-hide_text col-md-7 col-sm-7 col-xs-7">
<p class="user-info-font check_value_empty user-language">English</p>
<input name="user_language" id="user-language-input" class="user-language-input form-control input-small" value="" style="display:none">
</div>
<div class="col-md-1 col-md-1 col-sm-1 col-xs-1">
<img class="p_info_form optional_info_edit" src="assets/edit.svg">
</div>
</div>