在数据表中隐藏动态创建的DIV

所以我创建了一个带有DIV的数据表，我想在页面加载时隐藏它。这里是div：在数据表中隐藏动态创建的DIV

<div class="user" id="userinfo_46"><b>Name: </b>benjy corpuz<br><b>Phone Number: </b>N/A<br><b>Alternate Phone Number: </b><br><b>Email: </b>N/A<br><b>Best Time To Reach: </b>anytime<br><b>Location: </b>new yrork, NY<br><b>Case Description: </b>confidential<br></div>

我也试试这个：

$('.user').hide();

这：

$(document).on("pageload", ".user",function(){ 
    $(this).hide(); 
});

但一无所获。不知道是否有另一种方式隐藏负载，不能使用点击等。

这里是一个Jfiddle用户Hodrobond，这说明了什么问题以及：

https://jsfiddle.net/fcpambdm/

我越来越似乎不明白，元素是dymanic答案，因此它不能像常规元素一样隐藏。

来源

2017-05-24 JC Lopez

在页面加载时是否存在[DOM]（https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction）中的“div”，还是已创建页面加载后？尝试在$（'。user'）。hide（）'call'上设置一个断点，并查看当你检查$（“。user”）时得到的结果' – Hodrobond

[Here]（https://jsfiddle.net/fcpambdm /）是一个jsfiddle，演示一个可能简化的问题。 1.页面已加载。 2.具有类“用户”的元素被隐藏。 3.创建动态创建的表格（包括具有“user”类的元素）。 – Hodrobond

@Hodrobond我会将此添加到我的问题中，完全正确完成您的任务。这正是问题所在。我已经通过点击或者这样做了，但不确定是否有页面加载事件。 –

可以

style="display:none"

属性添加到您的div元素的用户。

来源

2017-05-24 18:09:15

动态添加内容的工作解决方案（只是为了演示目的而添加了延迟）。另外请注意，我们需要使用hide(0)如果我们打算使用delayexplanation：

$(function() { 
 
    $('.user').append('<b>Name: </b>benjy corpuz<br><b>Phone Number: </b>N/A<br><b>Alternate Phone Number: </b><br><b>Email: </b>N/A<br><b>Best Time To Reach: </b>anytime<br><b>Location: </b>new yrork, NY<br><b>Case Description: </b>confidential<br>').delay(1000).hide(0); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="user" id="userinfo_46"> 
 
</div>

NB：速记$(document).ready(function(){})是$(function(){})。等效JavaScript是$(document).ready(function(){})

来源

2017-05-24 17:59:22 Himanshu

这不是一个解决方案。如果您无法重现问题并提供解决方案，请将其作为OP的评论。 –

@himanshu它必须在数据表内，而不仅仅是纯HTML。它需要动态创建DIV。 –

我明白，但OP没有提供任何代码，并且我使用了[jQuery DomReady]（https://api.jquery.com/ready/）。 @JCLopez我已经明白了，我会尽快更新。 – Himanshu

-1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

<script> 
//Detects whether the DOM is ready.. 
$(document).ready(function(){ 
    //if ready, then run the ff lines.. 
    // ........ 
    //Hides the selected div container with class ".user" 
    $(".user").hide(); 
}); 
</script> 

<div class="user" id="userinfo_46"><b>Name: </b>benjy corpuz 
    <br><b>Phone Number: </b>N/A 
    <br><b>Alternate Phone Number: </b> 
    <br><b>Email: </b>N/A 
    <br><b>Best Time To Reach: </b>anytime 
    <br><b>Location: </b>new yrork, NY 
    <br><b>Case Description: </b>confidential 
    <br> 
</div>

来源

2017-05-24 18:17:15

刚刚找到答案，比我们所有人都想的要简单。

<div class="user" style="display:none" id="userinfo_46"><b>Name: </b>benjy corpuz 
<br><b>Phone Number: </b>N/A 
<br><b>Alternate Phone Number: </b> 
<br><b>Email: </b>N/A 
<br><b>Best Time To Reach: </b>anytime 
<br><b>Location: </b>new yrork, NY 
<br><b>Case Description: </b>confidential 
<br> 
</div>

刚添加样式=“显示：无”的div，它会隐藏一旦数据表加载该列。简单:)

来源

2017-05-24 18:45:22

我发布了相同的答案！你不接受！ –

@ H.P。甚至没有看到它！好吧，让我现在接受它。 –

在数据表中隐藏动态创建的DIV

回答

相关问题