отключить все предыдущие созданные кнопки, кроме текущего с jquery

Question

Я использую эту делегированную функцию обработчика событий в jquery в своем приложении. и его работоспособность. Теперь я хочу удалить всю кнопку, уже созданную, кроме текущей.

Как я могу это сделать

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

Answer 1

После установки новой кнопки:

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

Обратите внимание, что я добавил $() вокруг определения кнопки, так что это элемент, а не HTML строку (который не будет работать в .not()).

В качестве альтернативы вы можете также запустить это перед установкой кнопки:

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

Это отключает все кнопки - но так как новая не является частью формы пока она не будет отключена

Answer 2

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

Answer 3

Попробуйте

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