Question

如何在输入后看到最近的<i>元素。

我的HTML代码：

<td data-sort-initial="true" data-value="azert" style="padding:7px;position:relative;">
                            <input class="form-control input-sm edit2" data-nom_champ="contact_label" data-id_ecole_contact="10" name="contact_label" type="text" value="azert">
                            <i class="fa fa-spinner fa-spin" id="waiting_label_10" style="display:none;position:absolute;right:10px;top:13px;"></i>
                        </td>

我的js代码：

$.ajax({
            type        : 'POST',
            url         : $('#url_for_ajax').val()+'/update_ecole_contact_ajax',
            dataType    : 'json',
            data        : {_token:$('meta[name="_token"]').attr( 'content' ),id_ecole_contact:$(this).data('id_ecole_contact'),nom_champ:$(this).data('nom_champ'),new_value:$(this).val()},
            beforeSend  : function() {
                $(this).closest('i').next().show();
                // $('#waiting_valeur'+id_ecole_contact).show();
            },
            success     : function(reponse) {
                $('#waiting_'+id_ecole_contact).hide();
            }
        });

在此示例中，<i>元素仍然不可见。问题出在这里：

$(this).closest('i').next().show();

但我不知道到底是什么。

Answer 1

我详细说明：我有一个输入，我发送和ajax请求时的值此输入的变化。

尝试使用event.target，.next()

$("input").change(function(event) {
  $.ajax({
    type: 'POST',
    url: $('#url_for_ajax').val() + '/update_ecole_contact_ajax',
    dataType: 'json',
    data: {
      _token: $('meta[name="_token"]').attr('content'),
      id_ecole_contact: $(this).data('id_ecole_contact'),
      nom_champ: $(this).data('nom_champ'),
      new_value: $(this).val()
    },
    beforeSend: function() {
      // here, `event.target` is `input`
      $(event.target).next("i").show();
      // $('#waiting_valeur'+id_ecole_contact).show();
    },
    success: function(reponse) {
      $('#waiting_' + id_ecole_contact).hide();
    }
  });
})

如何找到最近的元素

1 个答案: