如何查找最近的元素
how to find the nearest element
如何在输入后显示最近的<i>
元素。
我的网页代码 :
<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();
但我不知道具体是什么。
我详细说明:我有一个输入,当值时发送和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();
}
});
})
相关文章:
- 选择一个元素,使其最近的具有特殊属性的父元素具有特殊值
- 找到具有绝对位置的最近元素
- 如何获取特定类中最近的元素
- 找到最近的span元素并更改CSS类
- jQuery .load 在最近的跨度而不是元素本身
- 使用 z 索引确定最近的元素
- 选择最近的(选择器)元素
- 查找所选元素的最近链接
- 如何查找最近的元素
- 在没有 jQuery 的情况下查找最近的元素
- Jquery 选择元素下一个/上一个/最近
- 关于使用类名定位第一个上一个最近元素的问题
- 隐藏最近的元素
- jQuery.最近未找到正确的p元素
- 使用多个选择器查找DOM中最近的元素
- 如何使用javascript从最近的li元素向pre-tag添加id
- 使用javascript查找元素相对于最近相对定位的父元素的位置
- 若最近的元素包含字符串,则将类添加到元素中
- 在元素中查找最近的td
- Jquery获取最近元素的所有值