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

问题描述 投票:0回答:3

我需要使用.text()函数从div元素中提取文本,但是使用切换按钮隐藏了div,并且只有单击一次按钮后才能提取文本。

是否有一种无需单击按钮即可执行此操作的方法?如果没有,我可以使用jQuery在毫秒内双击它而用户没有实际看到它吗?我已经尝试使用.dblclick()函数,但是它不起作用。

javascript jquery html css dom-events
3个回答
0
投票

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

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

下一个

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

0
投票

假设您的div具有标识名称(选择者名称),如果是,则选择selector ID /类别,在下面的示例中,选择ID = mySelector

Ex。

<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.

OR

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

0
投票

您可以使用按钮的触发单击来切换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>
© www.soinside.com 2019 - 2024. All rights reserved.