jQuery - Показать и скрыть кнопку

Question

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

Проблема в следующем: когда я нажимаю на область, отображается кнопка. Но при нажатии снаружи ничего не происходит. Скрипт работает, если у меня есть только одна кнопки и область, но при назначении идентификаторов, он перестает работать ...

$(".textarea").click(function(e) { 
    var cid = $(this).attr('rel'); 

    $("#submit" + cid).show(); 
    e.stopPropagation(); 
}); 

$(document).click(function() { 
    $("#submit" + cid).hide(); 
}); 

Answer 1

$(".textarea").click(function(e) { 
    var cid = $(this).attr('rel'); 

    $("#submit" + cid).show(); 
    e.stopPropagation(); 
}); 

$(document).click(function() { 
    //add logic to hide all submit buttons by assigning common class to all 
}); 

Answer 2

переменной cid объявлен в анонимном текстовом поле обработчика щелчка. Таким образом, когда другая функция вызывается в результате щелчка, она не имеет значения.

Изменить скрыть функцию к чему-то независимому от cid как этого

$(document).click(function() { 
    $("button[id*=submit]").hide(); 
}); 

id*=submit раздел будет выглядеть для всех кнопок, которые имеют submit в id и скрыть их. Это обойдется в необходимости отслеживания cid. Если у вас есть другие кнопки с submit в id, который вы не хотите скрывать, вам потребуется выбрать на основе класса или изменить формат id.