javascript - JQuery 针对具有相同类的多个元素中的一个元素

Question

如何从具有相同类或其他属性的大量元素中分别定位元素。我无法在每个元素上添加不同的类，因此我需要在处理时针对每个元素。到目前为止我已经尝试过了，但是它针对所有元素 input:text 因为我针对每个单独元素的错误条件正在处理。

var selector = $('input:radio').prop("checked", true);
var element = $ ('input:text');

$(selector).on('change', function( event ) {
if(this){
    $(element).prop('disabled', true);
     alert('disable only this element when radio is selected');
}
else{ 
    alert('others input:text not disabled');
    $('input:text').prop("disabled", false);
}
})

Fiddle:

Answer 1

通过使用 DOM 导航方法，您可以非常轻松地做到这一点。只需使用这个:

var selector = $('input:radio').prop("checked", true);
var element = $ ('input:text');

$(selector).on('change', function( event ) {
    var el = $(this).closest('.input-group').find('input:text');
    element.prop('disabled', function(){
        return !el.is(this);
    })
});

fiddle :http://jsfiddle.net/D2RLR/5874/

对于动态输入，您需要使用事件委托(delegate)(阅读更多 here ):

//document should be closest static element
$(document).on('change', 'input:radio', function(){
    var el = $(this).closest('.input-group').find('input:text');
    $('input:text').prop('disabled', function(){
        return !el.is(this);
    })
})