jQuery查找最接近的div输入字段并切换

时间:2019-05-29 01:00:21

标签: jquery html

我试图在单击编辑按钮(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>

0 个答案:

没有答案