jQuery get HTML of div with display:none

Question

如何获取样式为"display：none"的div的html？

我用 .html(( 试过了，但它不起作用：

document.writeln($('#teilnahmecontent').html());

<div id="teilnahmecontent" style="display:none"><p>testcontent</p></div>

https://jsfiddle.net/yf328bmL/

它仅在我删除显示器时有效：无

Answer 1

你可以获取各种div并使用jquery(如果你想要一个jQuery免费解决方案，也可以使用querySelectorAll(((对其进行迭代。然后，如果div 的样式 === 'none' - 控制台记录文本内容。我添加了第二个没有显示的div：none 样式来演示。另外 - 最好将 CSS 和 html 分开，所以我在代码段的 css 部分上显示了 none 离子。

var divs= $('div');
divs.each(function(div){
var div = $(this);
if(div.css('display') == 'none') {
var content = div.text().trim();
console.log(content); // gives "testcontent" - the content of the hidden div
}
})

#teilnahmecontent {
display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="teilnahmecontent">
<p>testcontent</p>
</div>
<div id="teilnahmecontent2">
<p>testcontent 2</p>
</div>

Answer 2

您可以使用以下代码来查找隐藏元素，例如div

$( "div：hidden"(