如何將 select 框與 jQuery 而不是 select 框內的形式？

Question

我有一個代碼，我希望在使用“框搜索”單擊框時關閉頁面 class 但是即使我說不考慮表單和表單內的元素，表單也會在表單時關閉和輸入被點擊。

 $(".box-search *").not('form, form *').click(function() { $(".box-search").fadeOut(); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="box-search"> <div class="container" style="font-size: 40px; color: red;"> <button type="submit" class="close-box-search">Close</button> <form method="get" action=""> <input type="text"> <button type="submit">Search</button> </form> </div> </div>

Answer 1

我找到了問題的答案 To select the parent, but not apply to the child 我們使用下面的代碼

$(".box-search").click(function (e) { 
    if( $(e.target).hasClass("box-search") || $(e.target).hasClass("container") || $(e.target).hasClass("close-box-search") ){ 
        hideBoxSearch()
    }
});