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：无样式演示。另外-最好将CSS和html分开，所以我将显示内容放在该片段的css部分。

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”）

jQuery使用display：none获取div的HTML

2 个答案: