javascript - 将数据发布到 .html 时如何隐藏 JQuery 中的元素？

Question

我有一个 Bootstrap 导航栏，我在模态中进行搜索。一切正常，除了当我进行搜索时它想要将导航栏加载到模态中。

我只想隐藏导航栏或阻止它加载。所以我创建了一个 .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);      
});

或者假设搜索结果 div 中永远不会显示导航栏

CSS:

#search_result_div .hide3 { display:none }

或PHP:

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