Question

我在JQuery中完成了这个文档，当用户点击不同的内部链接时，这会加载一个div id =＆＃34;更改＆＃34; ＆＃34;删除＆＃34;内容。

到目前为止它删除图像没有问题，但

里面没有，我明白这只适用于图像而不适用于文本，但我找不到可以删除文本的脚本。 / p>

HTML

 <ul class="sub-menu">
              <li><a id="page2">Abertura de cajas</a></li>

div中的所有内容＆＃34; cambio＆＃34;应该在用户点击href时删除（见上文）

<div id="cambio">
<div id="text_main">

    <p>text</p>
    <p>text</p>
    <p>text</p>
    <p>text</p>

</div>   




<div><img id="logotipo" src=".\docu2_files\imagenes\ricoh.jpg"></div>

</div>

Jquery加载所需html的内容并删除id＆＃34; cambio＆＃34;

中的内容

$(document).ready(function(){
       $("#page1").click(function(){
         $("#change").css("display", "none");
           $('#result').load('./docu2_files/docs/control_dia.html');
       });

Answer 1

您可以使用empty()来“清除”#text-main

内的所有内容（包括#cambio div）

描述：empty（）删除匹配集的所有子节点来自DOM的元素。

请参阅下面的代码段或jsfiddle

$("#page2").click(function(){
    $("#cambio").empty()
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="sub-menu">
              <li><a id="page2">Abertura de cajas</a></li>
</ul>
<div id="cambio">
<div id="text_main">

    <p>text</p>
    <p>text</p>
    <p>text</p>
    <p>text</p>

</div> 
<div><img src="http://placehold.it/350x150"></div>

</div>

Answer 2

你可以这样做：

<div><img id="logotipo" src=".\docu2_files\imagenes\ricoh.jpg" onclick="hideFunction()"></div>

然后是你的JavaScript / JQuery：

function hideFunction(){
    $("#text_main").hide();
}

当用户点击实习生href时隐藏<p>

2 个答案: