.htmlにデータを投稿するときに、どのようにJQueryで要素を非表示にしますか？

Question

私はブートストラップnavbarを持っており、私はモーダル内で検索します。私がその検索を行うときを除いて、すべてがうまくいきます。それは、ナビゲーションバーをモーダルにロードしたいのです。

ナビゲーションバーを非表示にしたり、読み込みを防止したいだけです。そこで私は.hide3クラスを作成しました。私は.not() JQuery関数がロードを停止することを期待していましたが、何かが欠けているはずです。

$("#submit_search").click(function(){ 
    var searchID= btn.data('mylink'); 
    $.post("search.php?&searchID="+searchID,function(data) { 
     $('#search_results_div').html(data).not('.hide3');  
     // I also tried $('.hide3').hide(); here but it hides the main navbar and not the new one created. 
    }); 
});  

<nav class="navbar navbar-inverse navbar-fixed-top hide3" role="navigation"> 
    // content here 

Answer 1

$.post("search.php?&searchID="+searchID,function(data) { 
    $(data).find(".hide3").remove(); 
    $('#search_results_div').html(data);  
}); 

OR検索結果のdiv

CSS内に表示されるナビゲーションバー決してありませんと仮定：

#search_result_div .hide3 { display:none } 

OR PHP：

if (!isset($_POST["searchID"])) { ?> 
    <nav class="navbar navbar-inverse navbar-fixed-top hide3" role="navigation"> 
<?PHP } ?> 

Answer 2

私はデータにHTMLが含まれていて、目的のナビバーがあるとしますideはデータ内にあります。 最初にjqueryを使用してnavbarをデータから削除し、それを設定します。

var $html = $(data); 
$html.find('.hide3').hide(); //personally I prefer add a class which hides the content using CSS 
$('#search_results_div').html($html);