如何從使用 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>