禁用所有以前创建的按钮，除了当前用jQuery

Question

I am using this delegated event handler function in jquery in my application. and its working fine.Now I want to desable all the button already created except current one.

How do i do that

$('#form').on('click', '.button', function(){
var temp = '<input type="button" class="button" />'
$('#form').append(temp);
})

Answer 1

After inserting the new button:

var temp = $('<input type="button" class="button" />');
$('#form').append(temp);
$('#form .button').not(temp).prop('disabled', true);

Please note that I added $() around the definition of the button so it's an element and not a HTML string (which would not work in .not() ).

Alternatively you can also run this before inserting the button:

$('#form .button').prop('disabled', true);

That disables all buttons - but since the new one is not part of the form yet it won't be disabled

Answer 2

Try

var $form = $('#form').on('click', '.button', function(){
    $form.find('.button').prop('disabled', true)
    var temp = '<input type="button" class="button" />'
    $form.append(temp);
})

Answer 3

$('#form').on('click', '.button', function(){
    var temp = '<input type="button" class="button" />'
     $("#form").find(".button").prop("disabled",true).end().append(temp);
})