在将数据发布到.html时,如何在JQuery中隐藏元​​素?

时间:2017-01-26 15:50:49

标签: javascript jquery html css twitter-bootstrap

我有一个bootstrap导航栏,我在一个模态中进行搜索。一切正常,除非我进行搜索,它想要将导航栏加载到模态中。

我只是想隐藏导航栏或阻止它加载。所以我创建了一个tf.shape(y)类。我希望.hide3 JQuery函数可以阻止它加载,但我必须遗漏一些东西。

.not()

2 个答案:

答案 0 :(得分:5)

 $.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 } ?>

答案 1 :(得分:1)

我认为数据包含HTML,您要隐藏的导航栏位于数据中。 首先使用jquery从数据中删除导航栏然后进行设置。

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