我需要使用.text()
函数从div元素中提取文本,但是使用切换按钮隐藏了div,并且只有单击一次按钮后才能提取文本。
是否有一种无需单击按钮即可执行此操作的方法?如果没有,我可以使用jQuery在毫秒内双击它而用户没有实际看到它吗?我已经尝试使用.dblclick()
函数,但是它不起作用。
您需要在div上放置一个类或id,然后使用选择器并选择值,如下所示:
<div id="myHiddenDiv" style="display:none">I have some TEXT.</div>
下一个
var text = document.getElementById('myHiddenDiv').textContent;
alert(text);
假设您的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.
您可以使用按钮的触发单击来切换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>