如何从使用 jQuery 的切换按钮隐藏的 div 中获取文本？

Question

我需要使用.text()函数从 div 元素中获取文本，但是使用切换按钮隐藏 div，并且在单击该按钮一次之前我无法获取文本。

有没有办法在不点击按钮的情况下做到这一点？ 如果没有，我可以使用 jQuery 在几毫秒内双击它而用户实际上没有看到它吗？ 我试过使用.dblclick()函数，但它不起作用。

Answer 1

您需要在 div 上放置一个类或 id，然后使用选择器并选择值，如下所示：

<div id="myHiddenDiv" style="display:none">I have some TEXT.</div>

下一个

var text = document.getElementById('myHiddenDiv').textContent;
alert(text);

Answer 2

假设您的div有一个身份名称（选择器名称），如果是这样，则选择选择selector ID/Class，在下面的示例中ID = mySelector 。

前任。

<div id="mySelector">New content</div>

您只需要访问该选择器的值。 因为你需要在你的按钮点击使用下面的代码。

 function myFunction() { document.getElementById("mySelector").innerHTML = "New content"; }

 <p id="mySelector">Old content</p> <button onclick="myFunction()">Click me</button>

要获取mySelector的值，然后使用以下代码

var theValueYouNeed = document.getElementById("mySelector").innerHTML;
alert(theValueYouNeed);
Console.log(theValueYouNeed); //another option to view the value.

或者

var theValueYouNeed  = document.getElementById("mySelector");
alert(theValueYouNeed);
Console.log(theValueYouNeed); //another option to view the value.

Answer 3

您可以使用按钮的触发器单击来切换 div 以使其隐藏，以便您可以在 init 和每次单击时获取其文本。 请查看以下代码片段：

 var $div = $('#div1'); // hidden div var $btn1 = $('#btn1'); // toggler button var $showHere = $('#showHere'); $btn1.click(function() { $div.toggle(); showDivText(); }) .trigger('click'); // trigger once on init function showDivText() { $showHere.html($div.text()); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="div1">hello world</div> <button id="btn1">Toggle Div</button> <div>Text of div: <span id="showHere"></span></div>