Как взять текст из div, который скрыт с помощью кнопки переключения, используя jQuery? - PullRequest
Новая
       10

Как взять текст из div, который скрыт с помощью кнопки переключения, используя jQuery?

0 голосов
/ 15 марта 2020

Мне нужно взять текст из элемента div с помощью функции .text(), но div скрывается с помощью переключателя, и я не могу взять текст, пока кнопка не будет нажата один раз.

Есть ли способ сделать это без нажатия кнопки? Если нет, могу ли я использовать jQuery, чтобы дважды щелкнуть по нему в миллисекундах, чтобы пользователь не увидел его? Я пытался использовать функцию .dblclick(), но она не работает.

Ответы [ 3 ]

0 голосов
/ 15 марта 2020

Предполагая, что у вашего 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.
0 голосов
/ 15 марта 2020

Вы можете использовать триггерное нажатие кнопки, чтобы переключить div, чтобы скрыть его, чтобы вы могли получить его текст при инициализации и каждом щелчке. пожалуйста, проверьте ниже фрагмент кода: 

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>
0 голосов
/ 15 марта 2020

Вам нужно поместить класс или идентификатор в div, а затем использовать селектор и выбрать значение, например, так: 

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

Далее 

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