jquery - jQuery找到最近的div输入字段并切换

Question

我试图在单击编辑按钮（img）时切换用户语言和输入字段。我有多个这样的字段，所以我想要一个涵盖所有内容的脚本。我的 jquery 切换但也切换第一个 div “语言”有什么帮助吗？

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>

标签： jqueryhtml